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