.ryoxzel-tiers{--ryx-pdp-ink: var(--ryoxzel-text, #20201f);--ryx-pdp-paper: #fffaf3;--ryx-pdp-orange: var(--ryoxzel-orange, #ff5a24);--ryx-pdp-lavender: var(--ryoxzel-lavender, #ddd3f5);--ryx-pdp-line: color-mix(in srgb, var(--ryx-pdp-ink) 14%, transparent);--ryx-pdp-muted: color-mix(in srgb, var(--ryx-pdp-ink) 64%, transparent);--ryx-pdp-radius-tile: 12px;--ryx-pdp-font-heading: var(--ryoxzel-font-heading);--ryx-pdp-font-body: var(--ryoxzel-font-body);display:none}.ryoxzel-tiers[data-ryx-tiers-ready=true]{display:block;width:100%;padding-block-start:12px}.quick-add-modal__content>[data-ryx-pdp-tiers]{grid-column:1 / -1}.ryoxzel-tiers__heading{margin:0 0 18px;color:var(--ryx-pdp-ink);font-family:var(--ryx-pdp-font-heading, inherit);font-size:1.0625rem;line-height:1.3;text-align:center}.ryoxzel-tiers__list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}@media screen and (min-width:750px){.ryoxzel-tiers__list{grid-template-columns:repeat(3,minmax(0,1fr))}}.ryoxzel-tiers__card{position:relative;display:block;--ryx-tier-inset: 14px;padding:var(--ryx-tier-inset);border:1px solid var(--ryx-pdp-line);border-radius:var(--ryx-pdp-radius-tile);background:var(--ryx-pdp-paper);cursor:pointer;transition:border-color .18s var(--ease-out-cubic, ease-out),background-color .18s var(--ease-out-cubic, ease-out)}.ryoxzel-tiers__card:has(input:checked){--ryx-tier-inset: 13px;padding:var(--ryx-tier-inset);border:2px solid var(--ryx-pdp-orange);background:color-mix(in srgb,var(--ryx-pdp-orange) 8%,var(--ryx-pdp-paper))}.ryoxzel-tiers__card:has(input:focus-visible){outline:var(--focus-outline-width, 2px) solid var(--ryx-pdp-ink);outline-offset:var(--focus-outline-offset, 2px)}.ryoxzel-tiers__card:has(input:disabled){cursor:not-allowed;opacity:.5}.ryoxzel-tiers__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.ryoxzel-tiers__popular{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:2px 9px;border-radius:999px;background:var(--ryx-pdp-ink);color:var(--ryx-pdp-paper);font-family:var(--ryx-pdp-font-body, inherit);font-size:.75rem;font-weight:600;line-height:1.4;white-space:nowrap}.ryoxzel-tiers__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.ryoxzel-tiers__title{color:var(--ryx-pdp-ink);font-family:var(--ryx-pdp-font-body, inherit);font-size:.8125rem;font-weight:600;line-height:1.3}.ryoxzel-tiers__mark{position:relative;flex:none;width:16px;height:16px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--ryx-pdp-ink) 28%,transparent)}.ryoxzel-tiers__card:has(input:checked) .ryoxzel-tiers__mark{border-color:var(--ryx-pdp-orange);background:var(--ryx-pdp-orange)}.ryoxzel-tiers__card:has(input:checked) .ryoxzel-tiers__mark:after{content:"";position:absolute;left:4.5px;top:1px;width:4px;height:8px;border:solid var(--ryx-pdp-paper);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.ryoxzel-tiers__body{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-block-start:10px}.ryoxzel-tiers__save{display:inline-block;padding:1px 8px;border-radius:999px;background:var(--ryx-pdp-lavender);color:var(--ryx-pdp-ink);font-family:var(--ryx-pdp-font-body, inherit);font-size:.75rem;font-weight:600;line-height:1.5}.ryoxzel-tiers__price{display:inline-flex;align-items:baseline;gap:6px;color:var(--ryx-pdp-ink);font-family:var(--ryx-pdp-font-body, inherit);font-size:1rem;font-weight:600;line-height:1.2}.ryoxzel-tiers__was{color:var(--ryx-pdp-muted);font-size:.75rem;font-weight:400;text-decoration:line-through}@media screen and (min-width:750px){.ryoxzel-tiers__head{justify-content:center}.ryoxzel-tiers__mark{position:absolute;top:var(--ryx-tier-inset);right:var(--ryx-tier-inset)}.ryoxzel-tiers__body{display:block;margin-block-start:12px;text-align:center}.ryoxzel-tiers__price{display:flex;justify-content:center;margin-block-start:8px}}@media screen and (max-width:749px){.ryoxzel-tiers__card--popular{margin-block-start:12px}}.variant-picker fieldset.variant-option[data-ryx-tiers-hidden=true],.variant-picker[data-ryx-tiers-empty=true]{display:none}
/*# sourceMappingURL=/cdn/shop/t/57/assets/ryoxzel-quantity-tiers.css.map */
