.plp-species-pills{padding-block:var(--padding-block-start, 0px) var(--padding-block-end, 24px);background:transparent}.plp-species-pills__inner{--padding-inline: var(--padding-4xl);display:flex;align-items:center;justify-content:flex-start;gap:var(--gap-xl);flex-wrap:wrap;padding:var(--padding-inline);background:var(--color-background, #f4f3f0);border-radius:20px}.plp-species-pills__heading{flex:0 0 auto;margin:0;font-family:var(--font-heading--family);font-size:21px;font-weight:700;line-height:17px;color:var(--color-primary, #13294b);text-align:start}.plp-species-pills__list{display:flex;align-items:center;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;gap:var(--gap-xs);flex:0 1 auto;width:calc(100% + (var(--padding-inline) * 2));margin-inline:calc(var(--padding-inline) * -1);padding-inline:var(--padding-inline);min-width:0;cursor:grab}.plp-species-pills__list.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.plp-species-pills__list::-webkit-scrollbar{display:none}.plp-species-pills__list.plp-drag-scroll--fade-end{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent)}.plp-species-pills__list.plp-drag-scroll--fade-start:not(.plp-drag-scroll--fade-end){-webkit-mask-image:linear-gradient(to right,transparent,#000 40px);mask-image:linear-gradient(to right,transparent,#000 40px)}.plp-species-pills__list.plp-drag-scroll--fade-start.plp-drag-scroll--fade-end{-webkit-mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent)}.plp-species-pills__list.plp-drag-scroll--fade-start:focus-within,.plp-species-pills__list.plp-drag-scroll--fade-end:focus-within{-webkit-mask-image:none;mask-image:none}.plp-species-pills__pill{-webkit-user-drag:none;flex-shrink:0;padding:var(--padding-lg) var(--padding-2xl);border:2px solid rgb(var(--color-okuma-navy-rgb) / .3);background:transparent;color:#1e1e1e}.plp-species-pills__pill:hover,.plp-species-pills__pill:focus-visible{border-color:var(--color-primary, #13294b);color:var(--color-primary, #13294b)}.plp-species-pills__pill--active{background:var(--color-primary, #13294b);border-color:#1e1e1e;color:#fff}.plp-species-pills__pill--active:hover,.plp-species-pills__pill--active:focus-visible{background:var(--color-primary-hover, #1a345c);border-color:#1e1e1e;color:#fff}@media screen and (max-width:989px){.plp-species-pills__inner{--padding-inline: var(--page-margin);flex-direction:column;align-items:stretch;gap:var(--gap-xl);margin-inline:calc(var(--page-margin) * -1);padding-block:var(--padding-2xl);padding-inline:var(--page-margin);border-radius:0}.plp-species-pills__heading{text-align:start}.plp-species-pills__list{justify-content:flex-start}}@media screen and (max-width:749px){.plp-species-pills__inner{padding-block:var(--padding-2xl);gap:var(--gap-lg)}.plp-species-pills__heading{font-size:var(--font-size--lg);line-height:var(--line-height)}.plp-species-pills__list{gap:6px}.plp-species-pills__pill{padding:10px 16px;font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/custom-plp-species-pills.css.map */