.mg-pills{display:flex;flex-wrap:nowrap;gap:var(--space-sm);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;--pills-fade: 2.5rem;scroll-padding-inline:var(--pills-fade)}.mg-pills::-webkit-scrollbar{display:none}.mg-pills[data-overflowing=end]{-webkit-mask-image:linear-gradient(to right,black 0,black calc(100% - var(--pills-fade)),transparent 100%);mask-image:linear-gradient(to right,black 0,black calc(100% - var(--pills-fade)),transparent 100%)}.mg-pills[data-overflowing=start]{-webkit-mask-image:linear-gradient(to right,transparent 0,black var(--pills-fade),black 100%);mask-image:linear-gradient(to right,transparent 0,black var(--pills-fade),black 100%)}.mg-pills[data-overflowing=both]{-webkit-mask-image:linear-gradient(to right,transparent 0,black var(--pills-fade),black calc(100% - var(--pills-fade)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,black var(--pills-fade),black calc(100% - var(--pills-fade)),transparent 100%)}[dir=rtl] .mg-pills[data-overflowing=end]{-webkit-mask-image:linear-gradient(to right,transparent 0,black var(--pills-fade),black 100%);mask-image:linear-gradient(to right,transparent 0,black var(--pills-fade),black 100%)}[dir=rtl] .mg-pills[data-overflowing=start]{-webkit-mask-image:linear-gradient(to right,black 0,black calc(100% - var(--pills-fade)),transparent 100%);mask-image:linear-gradient(to right,black 0,black calc(100% - var(--pills-fade)),transparent 100%)}@media(hover:hover)and (pointer:fine){.mg-pills{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-text) 40%,var(--color-background)) transparent;scroll-padding-inline:0}.mg-pills[data-overflowing],[dir=rtl] .mg-pills[data-overflowing]{-webkit-mask-image:none;mask-image:none}.mg-pills::-webkit-scrollbar{display:block;block-size:.5rem}.mg-pills::-webkit-scrollbar-track{background-color:transparent}.mg-pills::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--color-text) 40%,var(--color-background));border-radius:var(--radius-pill)}}@media(forced-colors:active){.mg-pills[data-overflowing]{-webkit-mask-image:none;mask-image:none}:is(.mg-pill[aria-selected=true],.mg-pill[aria-current=page]){background-color:Highlight;color:HighlightText;border-color:Highlight}}.mg-pill{display:inline-flex;align-items:center;gap:var(--space-xs);flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;min-block-size:3rem;padding-inline:var(--space-md);padding-block:var(--space-xs);border:var(--border-thickness) solid color-mix(in srgb,var(--color-text) 55%,var(--color-background));border-radius:var(--radius-pill);background-color:transparent;color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out-quart),color var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart)}:is(.mg-pill[aria-selected=true],.mg-pill[aria-current=page]){background-color:var(--color-text);border-color:var(--color-text);color:var(--color-background)}@media(hover:hover){.mg-pill:not([aria-selected=true],[aria-current=page]):hover{border-color:color-mix(in srgb,var(--color-text) 80%,var(--color-background));background-color:color-mix(in srgb,var(--color-text) 8%,var(--color-background))}}.mg-pill:focus-visible{outline:.125rem solid var(--color-links);outline-offset:-.125rem}:is(.mg-pill[aria-selected=true],.mg-pill[aria-current=page]):focus-visible{outline-color:var(--color-background)}ul.mg-pills{margin:0;padding:0;list-style:none}.mg-pills>li{display:flex;flex:0 0 auto}a.mg-pill{text-decoration:none}@media(prefers-reduced-motion:reduce){.mg-pill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/mg-pills.css.map */