.g-pill-bar .g-section.page-width{max-width:none;padding:0}.g-pill-bar__pill{display:block;position:relative;border-radius:0;color:rgb(var(--color-accent, var(--color-foreground)));background:rgb(var(--color-background));padding:0 2.4rem;font-family:var(--font-body-family);font-weight:700;font-size:1.3rem;line-height:1.3;letter-spacing:0;overflow:hidden;isolation:isolate}.g-pill-bar__list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:2.8rem;row-gap:0;margin:0;padding:0;list-style:none}.g-pill-bar__item{display:inline-flex;align-items:center;gap:2.8rem;min-height:4rem;white-space:nowrap}.g-pill-bar__item+.g-pill-bar__item:before{content:"";display:block;flex:none;width:.8rem;height:.8rem;border-radius:50%;background:currentColor}.g-pill-bar__link{display:inline-flex;align-items:center;align-self:stretch;padding-inline:1rem;margin-inline:-1rem;color:inherit;text-decoration:none;border-radius:var(--g-pill)}.g-pill-bar__link:hover{text-decoration:underline;text-underline-offset:.3rem}.g-pill-bar__link:focus-visible{outline:.2rem solid currentColor;outline-offset:-.5rem;box-shadow:none}@media screen and (max-width:989px){.g-pill-bar__pill{padding:0}.g-pill-bar__item{min-height:4rem}.g-pill-bar__item+.g-pill-bar__item:before{width:.6rem;height:.6rem}.g-pill-bar__viewport{overflow-x:auto;scrollbar-width:none;padding-inline:1.6rem;overscroll-behavior-x:contain}.g-pill-bar__viewport::-webkit-scrollbar{display:none}.g-pill-bar__list{flex-wrap:nowrap;width:max-content;margin-inline:auto;column-gap:1.6rem}.g-pill-bar__item{gap:1.6rem}.g-pill-bar__pill--rotate .g-pill-bar__viewport{overflow:hidden;padding-inline:1.6rem}.g-pill-bar__pill--rotate .g-pill-bar__list{display:grid;width:auto;margin:0}.g-pill-bar__pill--rotate .g-pill-bar__item{grid-area:1 / 1;justify-content:center;min-width:0;white-space:normal;text-align:center;line-height:1.2;opacity:0;translate:0 .4rem;pointer-events:none}.g-pill-bar__pill--rotate .g-pill-bar__item:before{content:none}.g-pill-bar__pill--rotate .g-pill-bar__item.is-active,.g-pill-bar__pill--rotate .g-pill-bar__list .g-pill-bar__item:focus-within{opacity:1;translate:0 0;pointer-events:auto}.g-pill-bar__pill--rotate .g-pill-bar__list:focus-within .g-pill-bar__item:not(:focus-within){opacity:0;pointer-events:none}}@media screen and (max-width:989px)and (prefers-reduced-motion:no-preference){.g-pill-bar__pill--rotate .g-pill-bar__item{transition:opacity .2s ease,translate 0s linear .2s}.g-pill-bar__pill--rotate .g-pill-bar__item.is-active{transition:opacity .3s ease .2s,translate .4s var(--g-ease, ease) .2s}.g-pill-bar__pill--rotate .g-pill-bar__list:focus-within .g-pill-bar__item{transition:none}}@media screen and (min-width:990px)and (max-width:1199px){.g-pill-bar__list{column-gap:2rem}.g-pill-bar__item{gap:2rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/glooty-pill-bar.css.map */