/* GemTrove Shop by shape slider r1. GENERATED from shapes.css by build.py. Scoped to #gts + !important. Do not edit by hand. */
#gts{--navy:#112944!important;--muted:#5B6474!important;--line:#E6DECF!important;--line-2:#D9CFBC!important;--gold-ink:#9C7C4A!important;--sans:"GT Montserrat","GT Montserrat Fallback",Arial,sans-serif!important;--ease:cubic-bezier(.2,.7,.2,1)!important;display:block!important;margin:clamp(48px,6vw,88px) 0 0!important;padding:0!important;font-family:var(--sans)!important;text-align:left!important}
#gts *,#gts *::before,#gts *::after{box-sizing:border-box!important}
#gts :where(ul){list-style:none!important;margin:0!important;padding:0!important}
#gts :where(li){margin:0!important;padding:0!important}
#gts :where(a){text-decoration:none!important}
#gts :where(button){font:inherit!important;background:none!important;border-radius:0!important;margin:0!important;cursor:pointer!important}
#gts :focus-visible{outline:1px solid var(--gold-ink)!important;outline-offset:3px!important}
#gts .gts-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:0 0 18px!important}
#gts .gts-title{margin:0!important;font-family:var(--sans)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.24em!important;line-height:1.4!important;text-transform:uppercase!important;color:var(--gold-ink)!important}
#gts .gts-title span{color:var(--muted)!important;letter-spacing:.2em!important}
@media (max-width:599px){#gts .gts-title span{display:none!important}}
#gts .gts-nav{display:none!important;gap:8px!important;flex:none!important}
@media (min-width:600px){#gts .gts-nav{display:flex!important}}
#gts .gts-arrow{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;min-width:0!important;max-width:none!important;min-height:0!important;padding:0!important;border:1px solid var(--line-2)!important;color:var(--navy)!important;transition:background .3s,color .3s,border-color .3s!important}
#gts .gts-arrow:hover{background:var(--navy)!important;border-color:var(--navy)!important;color:#fff!important}
#gts .gts-arrow svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.3!important}
#gts .gts-arrow[disabled]{opacity:.35!important;pointer-events:none!important}
#gts .gts-list{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:calc(100% / 3.4)!important;gap:0!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;overscroll-behavior-x:contain!important;border-top:1px solid var(--line-2)!important;border-left:1px solid var(--line-2)!important}
#gts .gts-list::-webkit-scrollbar{display:none!important}
@media (min-width:600px){#gts .gts-list{grid-auto-columns:calc(100% / 5.5)!important}}
@media (min-width:1100px){#gts .gts-list{grid-auto-columns:calc(100% / 8.6)!important}}
#gts .gts-list li{scroll-snap-align:start!important;border-right:1px solid var(--line-2)!important;border-bottom:1px solid var(--line-2)!important}
#gts .gts-list a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;aspect-ratio:1/1!important;width:100%!important;padding:8px 4px!important;font-family:var(--sans)!important;font-size:10px!important;font-weight:600!important;letter-spacing:.14em!important;line-height:1.25!important;text-transform:uppercase!important;text-align:center!important;color:var(--navy)!important;transition:color .3s!important}
#gts .gts-list img{display:block!important;width:clamp(52px,5.5vw,68px)!important;height:auto!important;max-width:none!important;aspect-ratio:1/1!important;flex:none!important;transition:transform .5s var(--ease)!important}
#gts .gts-list a:hover{color:var(--gold-ink)!important}
#gts .gts-list a:hover img{transform:scale(1.1)!important}
#gts .gts-progress{position:relative!important;height:1px!important;background:var(--line)!important;margin-top:20px!important}
#gts .gts-progress i{position:absolute!important;left:0!important;top:-0.5px!important;height:2px!important;background:var(--navy)!important;width:25%!important;transition:transform .4s var(--ease),width .4s var(--ease)!important}