.related-collections{margin:var(--related-collections-margin-top, 20px) 0 var(--related-collections-margin-bottom, 20px)}.related-collections__container{overflow:hidden}.related-collections__pills{display:flex;gap:var(--related-collections-pill-gap, 8px);overflow-x:auto;padding:10px 0;scrollbar-width:none;-ms-overflow-style:none}.related-collections__pills::-webkit-scrollbar{display:none}.related-collections__pill{display:inline-flex;align-items:center;gap:8px;padding:var(--related-collections-pill-padding-vertical, 8px) var(--related-collections-pill-padding-horizontal, 16px);background-color:var(--related-collections-pill-bg-color, #f8f8f8);color:var(--related-collections-pill-text-color, #333333);text-decoration:none;border-radius:var(--related-collections-pill-border-radius, 25px);white-space:nowrap;flex-shrink:0;transition:all .2s ease;border:1px solid transparent;font-size:var(--related-collections-pill-font-size, 14px);font-weight:var(--related-collections-pill-font-weight, 500)}.related-collections__pill:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a;opacity:.9}.related-collections__pill-image{width:20px;height:20px;border-radius:50%;overflow:hidden;flex-shrink:0}.related-collections__pill-image img{width:100%;height:100%;object-fit:cover}.related-collections__pill-image-placeholder{width:100%;height:100%;background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;border-radius:50%}.related-collections__pill-text{line-height:1.2}.related-collections__empty{text-align:center;padding:20px;color:#666;font-style:italic}@media screen and (max-width: 768px){.related-collections__pills{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.related-collections__pill{font-size:calc(var(--related-collections-pill-font-size, 14px) - 1px);padding:calc(var(--related-collections-pill-padding-vertical, 8px) - 2px) calc(var(--related-collections-pill-padding-horizontal, 16px) - 2px)}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/related-collections.css.map */