.tfp-tiers{display:block}.tfp-tiers .form__label{display:flex;align-items:center;justify-content:space-between;gap:1rem}.tfp-tiers__nav{display:flex;flex-shrink:0;gap:.6rem}.tfp-tiers__nav[hidden]{display:none}.tfp-tiers__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;cursor:pointer;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.2);border-radius:50%;transition:border-color var(--duration-default) ease,opacity var(--duration-default) ease}.tfp-tiers__nav-btn:hover:not(:disabled){border-color:rgb(var(--color-foreground))}.tfp-tiers__nav-btn:disabled{opacity:.3;cursor:default}.tfp-tiers__nav-btn svg{width:1.2rem;height:1.2rem}@media screen and (max-width:749px){.tfp-tiers__nav{display:none}}.tfp-tiers__grid{position:relative;display:grid;grid-template-columns:repeat(var(--tier-columns, 3),minmax(0,1fr));gap:1rem}@media screen and (max-width:749px){.tfp-tiers__grid{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.8rem}}.tfp-tiers__grid--scroll-desktop{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 3rem) / 4.3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}@media screen and (max-width:749px){.tfp-tiers__grid--scroll{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--page-padding) - 1.6rem) / 2.6);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-padding);scrollbar-width:none;margin-inline:calc(-1 * var(--page-padding));padding-inline:var(--page-padding)}}.tfp-tiers__grid--scroll::-webkit-scrollbar,.tfp-tiers__grid--scroll-desktop::-webkit-scrollbar{display:none}.tfp-tiers__grid--scroll .tfp-tier,.tfp-tiers__grid--scroll-desktop .tfp-tier{scroll-snap-align:start}.tfp-tiers input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.tfp-tier{display:flex;flex-direction:column;position:relative;margin:0;overflow:hidden;cursor:pointer;text-align:center;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));border:1px solid rgb(var(--color-border));border-radius:var(--small-blocks-radius);transition:border-color var(--duration-default) ease,box-shadow var(--duration-default) ease,background-color var(--duration-default) ease}.tfp-tier:hover{border-color:rgb(var(--color-foreground))}.tfp-tier__label{display:block;padding:.6rem .8rem;font-size:1.3rem;line-height:1.3;background-color:rgb(var(--color-secondary-background));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tfp-tier__label--empty{background-color:transparent}.tfp-tier--highlight .tfp-tier__label{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));font-weight:var(--font-body-weight-bolder, 600)}.tfp-tier__body{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;gap:.2rem;padding:1.2rem .8rem 1.4rem}.tfp-tier__title{font-size:1.6rem;line-height:1.3}.tfp-tier__price{font-size:2.2rem;line-height:1.2}.tfp-tier__saving{min-height:1.3em;margin-top:.4rem;font-size:1.4rem;line-height:1.3;color:rgb(var(--color-product-price-sale))}.tfp-tier:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:1;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 2px rgb(var(--color-foreground));opacity:0;transition:opacity var(--duration-default) ease}.tfp-tiers input[type=radio]:checked+.tfp-tier{border-color:rgb(var(--color-foreground))}.tfp-tiers input[type=radio]:checked+.tfp-tier:after{opacity:1}.tfp-tiers input[type=radio]:focus-visible+.tfp-tier{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)}.tfp-tiers input[type=radio].disabled+.tfp-tier,.tfp-tiers input[type=radio]:disabled+.tfp-tier{opacity:.45}.tfp-tiers input[type=radio].disabled+.tfp-tier .tfp-tier__price{text-decoration:line-through}@media screen and (max-width:749px){.tfp-tier__label{font-size:1.2rem;padding:.5rem .4rem}.tfp-tier__title{font-size:1.4rem}.tfp-tier__price{font-size:1.8rem}.tfp-tier__saving{font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/tfp-quantity-tiers.css.map */