.nms-pills-navigation{display:flex;align-items:center;gap:var(--nms-space-xs);width:auto;padding:var(--nms-space-xs) var(--nms-space-sm);justify-content:center}.nms-pills-navigation__filter{flex-shrink:0}.nms-pills-navigation__filter-button{border-radius:var(--nms-radius-full);padding:var(--nms-space-xs);width:2.75rem;height:2.75rem;flex-shrink:0}.nms-pills-navigation__filter-button svg{flex-shrink:0}.nms-pills-navigation__filter-button span,.nms-pills-navigation__filter-button .nms-pills-navigation__filter-text{margin-left:0}.nms-pills-navigation__filter-text{font-size:var(--nms-text-label-md-size);font-weight:var(--nms-text-label-md-weight)}.nms-pills-navigation__nav{overflow:hidden;display:flex;align-items:center;gap:var(--nms-space-sm);border:1px solid rgba(243,242,238,1);padding:var(--nms-space-xs);border-radius:2.25rem}.nms-pills-navigation__container{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-width:0;order:2}.nms-pills-navigation__scroll-button{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background-color:rgb(var(--nms-surface-primary));border:1px solid rgb(var(--nms-outline-primary-variant));color:rgb(var(--nms-theme-primary));cursor:pointer;transition:all .2s ease;z-index:1;z-index:2}.nms-pills-navigation__filter-text{display:none}.nms-pills-navigation__scroll-button:disabled{opacity:.5;cursor:not-allowed}.nms-pills-navigation__scroll-button--left{order:1}.nms-pills-navigation__scroll-button--right{order:3}.nms-pills-navigation__container::-webkit-scrollbar{display:none}.nms-pills-navigation__list{display:flex;gap:var(--nms-space-sm);list-style:none;margin:0;padding:0;min-width:max-content}.nms-pills-navigation__item{flex-shrink:0}.nms-pill{display:inline-flex;align-items:center;justify-content:center;padding:var(--nms-space-sm);background-color:rgb(var(--nms-surface-primary));color:rgb(var(--nms-surface-on-primary));border:1px solid rgb(var(--nms-outline-primary-variant));border-radius:28px;text-decoration:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:40px;min-width:112px}.nms-pill:hover,.nms-pill--active{background-color:rgb(var(--nms-theme-primary));color:rgb(var(--nms-theme-on-primary));border-color:rgb(var(--nms-theme-primary))}.nms-pill--active:hover{background-color:rgb(var(--nms-theme-primary));opacity:.9}.nms-pill__text{font-size:inherit;font-weight:inherit;line-height:inherit}.nms-pills-navigation__nav{position:relative}.nms-pills-navigation__nav:before,.nms-pills-navigation__nav:after{content:"";position:absolute;top:0;bottom:0;width:50px;pointer-events:none;z-index:2;transition:opacity .3s ease}.nms-pills-navigation__nav:before{left:0;background:linear-gradient(90deg,#fff 55%,#fff0);opacity:0}.nms-pills-navigation__nav:after{right:0;background:linear-gradient(270deg,#fff 55%,#fff0);opacity:1}.nms-pills-navigation__nav[data-scroll-left=true]:before{opacity:1}.nms-pills-navigation__nav[data-scroll-right=false]:after{opacity:0}@media screen and (min-width: 767px){.nms-pills-navigation{gap:var(--nms-space-base) var(--nms-space-md)}.nms-pills-navigation__nav:before,.nms-pills-navigation__nav:after{width:136px}}@media screen and (max-width: 767px){.nms-pills-navigation__scroll-button{display:none}.nms-pills-navigation__filter-button{display:flex}.nms-pills-navigation__nav:before,.nms-pills-navigation__nav[data-scroll-left=true]:before{opacity:0!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.nms-pills-navigation__scroll-button{display:none}.nms-pills-navigation--overflow .nms-pills-navigation__scroll-button,.nms-pills-navigation__filter-button{display:flex}}@media screen and (min-width: 1024px){.nms-pills-navigation{padding:var(--nms-space-base)}.nms-pills-navigation__scroll-button{display:none}.nms-pills-navigation{gap:var(--nms-space-md)}.nms-pills-navigation__filter-button{display:none;padding:var(--nms-space-sm) var(--nms-space-md)}.nms-pills-navigation__filter-text{display:inline-block}.nms-pills-navigation--overflow .nms-pills-navigation__scroll-button,.nms-pills-navigation--overflow .nms-pills-navigation__filter-button{display:flex}}.nms-pill[aria-busy=true]{opacity:.6;cursor:not-allowed}.nms-pill[aria-busy=true]:after{content:"";width:12px;height:12px;margin-left:var(--nms-space-xs);border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:nms-pill-loading 1s linear infinite}@keyframes nms-pill-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nms-pill:disabled{opacity:.5;cursor:not-allowed;background-color:rgb(var(--nms-surface-secondary));color:rgb(var(--nms-surface-on-secondary));border-color:rgb(var(--nms-outline-primary-variant))}.nms-pill:disabled:hover{background-color:rgb(var(--nms-surface-secondary));border-color:rgb(var(--nms-outline-primary-variant));transform:none}@media screen and (min-width: 768px){.nms-pills-navigation__filter-button{width:3.5rem;height:3.5rem;padding:0}}@media screen and (min-width: 1024px){.nms-pills-navigation__filter-button{min-width:96px}}@media screen and (min-width: 1520px){.nms-pills-navigation__filter-button{height:3.375rem}}
/*# sourceMappingURL=/cdn/shop/t/807/assets/nms-pills-navigation.css.map */