.sugar-offer-pills{--op-cols: var(--op-cols-m, 3);--op-px: 8px;--op-size: var(--op-size-m, 14px);--op-label: var(--op-label-m, 14px);margin-top:var(--op-mt, 0px);margin-bottom:var(--op-mb, 6px);min-width:0}@media screen and (min-width:750px){.sugar-offer-pills{--op-cols: var(--op-cols-d, 3);--op-px: 16px;--op-size: min(var(--op-size-d), max(var(--op-size-m, 0px), var(--op-size-d) * var(--sw-page-fit)));--op-label: min(var(--op-label-d), max(var(--op-label-m, 0px), var(--op-label-d) * var(--sw-page-fit)))}}.sugar-offer-pills .sugar-offer-pills__label{margin:0 0 var(--op-label-gap, 10px);font-size:var(--op-label);line-height:1.4}.sugar-offer-pills .sugar-offer-pills__list{display:flex;flex-wrap:wrap;gap:var(--op-gap, 10px)}.sugar-offer-pills .sugar-offer-pills__pill{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:0;margin:0;padding:var(--op-py, 12px) var(--op-px, 8px);border:var(--op-bw, 1px) solid var(--op-border);border-radius:var(--op-radius);background:var(--op-bg);color:var(--op-fg);box-shadow:none;font:inherit;font-size:var(--op-size);font-weight:var(--op-weight, 600);--sw-bold: max(var(--op-weight, 600), var(--font-body-weight-bold, 700));line-height:1.5;letter-spacing:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.sugar-offer-pills[data-op-layout=fill] .sugar-offer-pills__pill{flex:0 0 calc((100% - (var(--op-cols) - 1) * var(--op-gap, 10px)) / var(--op-cols))}.sugar-offer-pills .sugar-offer-pills__text{min-width:0;overflow-wrap:anywhere}@media(hover:hover){.sugar-offer-pills .sugar-offer-pills__pill:not(.is-active):hover{border-color:var(--op-hover-border)}}.sugar-offer-pills .sugar-offer-pills__pill.is-active{background:var(--op-on-bg);color:var(--op-on-fg);border-color:var(--op-on-border);box-shadow:var(--op-shadow, none)}.sugar-offer-pills .sugar-offer-pills__pill:focus-visible{outline:2px solid currentColor;outline-offset:2px}.sugar-offer-pills .sugar-offer-pills__empty{margin:0;padding:12px;border:1px dashed currentColor;font-size:13px;opacity:.6}
/*# sourceMappingURL=/cdn/shop/t/21/assets/block-offer-pills.css.map */