.spt{--spt-ink: #2a2a35;--spt-green: #4f6b60;--spt-yellow: #b4c2bc;--ease-ui: cubic-bezier(.16, 1, .3, 1);background:#f8f7f2;color:var(--spt-ink);padding:5.6rem 0;border-top:.3rem solid var(--spt-ink)}.spt__head{display:grid;gap:1.6rem;margin-bottom:2.4rem}.spt__title{margin:0;font-weight:800;font-size:clamp(2.6rem,4vw,4.4rem);line-height:.95;letter-spacing:.1em;text-transform:uppercase;color:var(--spt-ink)}.spt__tabs{display:flex;gap:.6rem;overflow-x:auto;scrollbar-width:none;margin-inline:-1.5rem;padding-inline:1.5rem}.spt__tabs::-webkit-scrollbar{display:none}.spt__tab{display:inline-flex;align-items:center;gap:.8rem;white-space:nowrap;min-height:4.4rem;padding:0 1.6rem;border:.2rem solid var(--spt-ink);background:#f8f7f2;color:var(--spt-ink);font:inherit;font-weight:800;font-size:1.4rem;letter-spacing:.02em;cursor:pointer;transition:transform .12s var(--ease-ui),background-color .15s,color .15s}.spt__tab:hover{background:var(--spt-yellow)}.spt__tab[aria-selected=true]{background:var(--spt-ink);color:#fff}.spt__tab:focus-visible{outline:.3rem solid var(--spt-green);outline-offset:.2rem}.spt__count{font-size:1.1rem;padding:.2rem .6rem;background:var(--spt-yellow);color:var(--spt-ink)}@media(prefers-reduced-motion:no-preference){.spt__tab:active{transform:scale(.97)}}.spt__grid{list-style:none;padding:0;margin:0 0 2.4rem;display:grid;grid-template-columns:repeat(2,1fr);gap:2.4rem 1.2rem}.spt__panel:not([hidden]) .spt__grid{animation:spt-in .3s var(--ease-ui)}@keyframes spt-in{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.spt__panel:not([hidden]) .spt__grid{animation:none}}.spt__all{display:inline-flex;font-weight:800;font-size:1.5rem;color:var(--spt-ink);text-underline-offset:.4rem}@media screen and (min-width:750px){.spt{padding:8rem 0}.spt__head{grid-template-columns:auto 1fr;align-items:end;gap:3.2rem}.spt__tabs{justify-content:flex-end;flex-wrap:wrap;margin:0;padding:0;overflow:visible}.spt__grid{grid-template-columns:repeat(3,1fr);gap:3.2rem 2rem}}@media screen and (min-width:1100px){.spt__grid{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:749px){.spt__grid>li:nth-child(n+7){display:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/sp-stock-tabs.css.map */