.icon-list{--pill-radius: 40px;--pill-gap: 16px;--pill-gutter: 1.5rem}.icon-list__header{margin-bottom:3rem}.icon-list__header--center{text-align:center}.icon-list__heading{margin:0}.icon-list__track{display:flex;gap:var(--pill-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pill-gutter);padding-inline:var(--pill-gutter);padding-block:.8rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.icon-list__track::-webkit-scrollbar{display:none}.icon-list__track.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.icon-list__item:first-child{margin-inline-start:auto}.icon-list__item:last-child{margin-inline-end:auto}.icon-list__item{flex:0 0 auto;scroll-snap-align:start;display:inline-flex;align-items:center;gap:1rem;padding:var(--pill-pad-y) var(--pill-pad-x) var(--pill-pad-y) var(--pill-pad-y);border-radius:var(--pill-radius);text-decoration:none;color:rgb(var(--color-foreground));box-shadow:0 1px 2px rgba(var(--color-foreground),.06);transition:transform .18s ease}.icon-list__item--no-media{padding-inline-start:var(--pill-pad-x)}a.icon-list__item:hover{transform:translateY(-3px)}a.icon-list__item:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.icon-list__media{flex:0 0 auto;inline-size:var(--pill-media);block-size:var(--pill-media);border-radius:var(--pill-radius);overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.icon-list__media img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.icon-list__media svg{inline-size:var(--pill-glyph);block-size:var(--pill-glyph);stroke:currentColor;fill:none;display:block}.icon-list__label{font-size:var(--pill-label);font-weight:500;line-height:1.2;white-space:nowrap;color:rgb(var(--color-foreground))}.icon-list{--text-size: var(--il-text, 16px);--pill-label: var(--text-size);--pill-media: calc(var(--text-size) * 2.2);--pill-glyph: calc(var(--text-size) * 1.35);--pill-pad-y: calc(var(--text-size) * .4);--pill-pad-x: calc(var(--text-size) * 1.1)}@media screen and (max-width:749px){.icon-list{--text-size: calc(var(--il-text, 16px) * .88)}.icon-list__header{margin-bottom:2rem}}@media(prefers-reduced-motion:reduce){.icon-list__item{transition:none}a.icon-list__item:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-icon-list.css.map */