:root{--_fid:"cuioro"}.im7y4g-qty-break{display:flex;flex-direction:column;background-color:color-mix(in oklch,var(--color-links) 5%,var(--color-background));border:var(--border-thickness) solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-in-out-cubic),border-color var(--duration-fast) var(--ease-in-out-cubic),outline-color var(--duration-fast) var(--ease-in-out-cubic),filter var(--duration-fast) var(--ease-in-out-cubic);-webkit-user-select:none;user-select:none;position:relative;overflow:visible}.im7y4g-qty-break:hover:not(.im7y4g-qty-break--disabled):not(.im7y4g-qty-break--selected){background-color:color-mix(in oklch,var(--color-links) 10%,var(--color-background));border-color:var(--color-text)}.im7y4g-qty-break:not(.im7y4g-qty-break--disabled):active{filter:brightness(.96);transform:translateY(1px)}@media(prefers-reduced-motion:reduce){.im7y4g-qty-break:not(.im7y4g-qty-break--disabled):active{transform:none;filter:none}}.im7y4g-qty-break:focus-visible{outline:2px solid var(--color-links);outline-offset:2px}.im7y4g-qty-break--selected{border-color:var(--color-headings);outline:2px solid var(--color-headings);outline-offset:-2px}.im7y4g-qty-break--disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.im7y4g-qty-break__row{display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md) var(--space-lg)}.im7y4g-qty-breaks__tiers[data-tier-layout=card] .im7y4g-qty-break__row{padding:var(--space-sm) var(--space-md)}.im7y4g-qty-break__radio{width:1.5rem;height:1.5rem;border-radius:var(--radius-circle);border:var(--border-thickness) solid var(--color-border);flex-shrink:0;position:relative;transition:border-color var(--duration-fast) var(--ease-in-out-cubic);margin-top:.125rem}.im7y4g-qty-break--selected .im7y4g-qty-break__radio{border-color:var(--color-text)}.im7y4g-qty-break__radio:after{content:"";position:absolute;top:50%;left:50%;width:.75rem;height:.75rem;border-radius:var(--radius-circle);background-color:var(--color-text);opacity:0;transform:translate(-50%,-50%) scale(0);transition:opacity .24s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1)),transform .28s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1))}.im7y4g-qty-break--selected .im7y4g-qty-break__radio:after{opacity:1;transform:translate(-50%,-50%) scale(1)}@keyframes im7y4g-qb-reveal{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.im7y4g-qty-break__radio:after{transition:none}}.im7y4g-qty-break__subtitle{font-size:var(--font-size-xs);color:var(--color-text);opacity:var(--opacity-muted);margin:0}.im7y4g-qty-break__body{display:flex;flex:1;align-items:center;justify-content:space-between;gap:var(--space-xs) var(--space-sm);flex-wrap:wrap;min-width:0}.im7y4g-qty-break--with-image .im7y4g-qty-break__body{justify-content:flex-start}.im7y4g-qty-break__content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-xs) var(--space-sm);flex:1;min-width:0}.im7y4g-qty-break--with-image .im7y4g-qty-break__content{flex-direction:column;align-items:flex-start}.im7y4g-qty-break__main{display:flex;align-items:baseline;gap:var(--space-xs);flex-wrap:wrap}.im7y4g-qty-break__qty{font-weight:600;font-size:var(--font-size-sm);color:var(--color-headings)}.im7y4g-qty-break__discount{font-size:var(--font-size-xs);color:var(--color-text);opacity:var(--opacity-muted)}.im7y4g-qty-break__badge{display:inline-flex;align-items:center;padding:.125rem var(--space-xs);font-size:var(--font-size-xs);font-weight:600;color:var(--color-badge-text);background-color:var(--color-badge-bg);border-radius:var(--radius-sm);white-space:nowrap}.im7y4g-qty-break__badge--top{align-self:flex-start;margin:var(--space-sm) var(--space-md) 0}.im7y4g-qty-break__badge--top.im7y4g-qty-break__badge--overlap{position:relative;align-self:center;z-index:var(--z-local-1);margin:calc(-1 * var(--space-xs)) auto var(--space-xs)}.im7y4g-qty-break__badge--top.im7y4g-qty-break__badge--full_width{width:100%;justify-content:center;border-radius:0;margin:0;padding:var(--space-xs) var(--space-md)}.im7y4g-qty-break__badge--bottom{align-self:flex-start;margin:0 var(--space-md) var(--space-sm)}.im7y4g-qty-break__badge--bottom.im7y4g-qty-break__badge--overlap{position:relative;align-self:center;margin:var(--space-xs) auto calc(-1 * var(--space-xs));z-index:var(--z-local-1);margin:0}.im7y4g-qty-break__badge--bottom.im7y4g-qty-break__badge--full_width{width:100%;justify-content:center;border-radius:0;margin:0;padding:var(--space-xs) var(--space-md)}.im7y4g-qty-break__badge--on-image{position:absolute;left:50%;transform:translate(-50%);z-index:var(--z-local-1);font-size:var(--font-size-xs)}.im7y4g-qty-break__badge--on-image-top{top:var(--space-xs)}.im7y4g-qty-break__badge--on-image-center{top:50%;transform:translate(-50%,-50%)}.im7y4g-qty-break__badge--on-image-bottom{bottom:var(--space-xs)}.im7y4g-qty-break__badge--pill{margin:0 var(--space-md) var(--space-sm);align-self:flex-start}.im7y4g-qty-break__image{position:relative;width:var(--qty-image-width, 5rem);flex-shrink:0}.im7y4g-qty-break__image img{width:100%;height:auto;border-radius:var(--radius-sm);object-fit:cover}.im7y4g-qty-break__image-badge{position:absolute;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--font-size-xs);font-weight:600;color:var(--color-headings);background-color:var(--color-background);border-radius:var(--radius-sm)}.im7y4g-qty-break__image-badge--bottom_right{bottom:var(--space-xs);right:var(--space-xs)}.im7y4g-qty-break__image-badge--bottom_left{bottom:var(--space-xs);left:var(--space-xs)}.im7y4g-qty-break__image-badge--top_right{top:var(--space-xs);right:var(--space-xs)}.im7y4g-qty-break__image-badge--top_left{top:var(--space-xs);left:var(--space-xs)}.im7y4g-qty-break__desc{font-size:var(--font-size-xs);color:var(--color-text);opacity:var(--opacity-muted);line-height:1.4;width:100%}.im7y4g-qty-break__desc p{margin:0}.im7y4g-qty-break__pricing{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-xs)}.im7y4g-qty-break__compare{font-size:var(--font-size-xs);text-decoration:line-through;opacity:var(--opacity-muted);order:1}.im7y4g-qty-break__total{font-weight:600;font-size:var(--font-size-md);color:var(--color-headings);order:2}.im7y4g-qty-break__unit{font-size:var(--font-size-xs);color:var(--color-text);opacity:var(--opacity-muted);order:3}.im7y4g-qty-break__oos{width:100%;font-size:var(--font-size-xs);color:var(--color-text);opacity:var(--opacity-muted);font-style:italic;padding:0 var(--space-md) var(--space-sm)}.im7y4g-qty-break__savings{font-size:var(--font-size-xs);font-weight:600;color:var(--color-headings);order:4;width:100%}.im7y4g-qty-break__badge--gift{background-color:transparent;color:var(--color-text);border:var(--border-thickness) solid var(--color-border)}.im7y4g-qty-break__banner{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs);font-weight:600;text-align:center}.im7y4g-qty-break__banner--filled{background-color:var(--color-headings);color:var(--color-background)}.im7y4g-qty-break__banner--subtle{background-color:color-mix(in oklch,var(--color-links) 10%,var(--color-background));color:var(--color-text)}.im7y4g-qty-break--selected .im7y4g-qty-break__banner--subtle{background-color:transparent}.im7y4g-qty-break__banner--accent{background-color:var(--color-primary-btn-bg);color:var(--color-primary-btn-text)}.im7y4g-qty-break__banner-img{object-fit:contain;flex-shrink:0}.im7y4g-qty-break__banner-text{line-height:var(--line-height-snug)}im7y4g-mini-countdown{display:block;width:100%;padding:0 var(--space-md) var(--space-sm)}.im7y4g-mini-countdown__text{font-size:var(--font-size-xs);font-weight:600;color:var(--color-headings);opacity:var(--opacity-muted)}.im7y4g-mini-countdown__text:empty{display:none}[data-subscribe-mode=subscribe]:has(im7y4g-subscription-plans) im7y4g-quantity-breaks{display:none}[data-subscribe-mode=one-time] .im7y4g-qty-break[data-availability=subscription-only],[data-subscribe-mode=subscribe] .im7y4g-qty-break[data-availability=one-time-only]{display:none}
/*# sourceMappingURL=/cdn/shop/t/31/assets/im7y4g-tier-card-base.css.map */