.quick-collection-circles{color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.quick-collection-circles--desktop-only{display:none}}@media screen and (min-width:750px){.quick-collection-circles--mobile-only{display:none}}.quick-collection-circles__inner{width:min(var(--quick-collection-max-width),100%);max-width:min(var(--quick-collection-max-width),100%);margin:0 auto}.quick-collection-circles__heading-wrapper{padding:0 var(--quick-collection-horizontal-padding);margin-bottom:2rem;text-align:center}.quick-collection-circles__heading{margin:0}.quick-collection-circles__nav{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:0 var(--quick-collection-horizontal-padding);scroll-snap-type:x proximity;scroll-padding-inline:var(--quick-collection-horizontal-padding);scrollbar-width:thin;-webkit-overflow-scrolling:touch}.quick-collection-circles__list{display:flex;align-items:flex-start;justify-content:var(--quick-collection-align);gap:var(--quick-collection-gap);list-style:none;min-width:max-content;margin:0;padding:2rem 0 1.6rem}.quick-collection-circles__item{flex:0 0 auto;width:calc(var(--quick-collection-image-size) + 1.2rem);scroll-snap-align:start;position:relative}.quick-collection-circles--show-dots .quick-collection-circles__item:not(:last-child):after{content:"";position:absolute;top:calc(var(--quick-collection-image-size) / 2);right:calc((var(--quick-collection-gap) / -2) - .2rem);width:.4rem;height:.4rem;border-radius:50%;background:rgb(var(--color-button));transform:translate(50%,-50%);pointer-events:none}.quick-collection-circles__link{display:flex;flex-direction:column;align-items:center;gap:.8rem;color:rgb(var(--color-foreground));text-align:center;text-decoration:none}.quick-collection-circles__link:hover .quick-collection-circles__label{text-decoration:underline;text-underline-offset:.3rem}.quick-collection-circles__link:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.8);outline-offset:.4rem}.quick-collection-circles__media{display:grid;place-items:center;width:var(--quick-collection-image-size);height:var(--quick-collection-image-size);aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--quick-collection-media-radius, 50%);box-sizing:border-box;background:var(--quick-collection-circle-background)}.quick-collection-circles--show-border .quick-collection-circles__media{border:.2rem solid rgb(var(--color-button))}.quick-collection-circles--show-shadow .quick-collection-circles__media{box-shadow:0 .8rem 2.4rem rgba(var(--color-button),.12),0 .1rem .6rem rgba(var(--color-button),.08)}.quick-collection-circles__image{display:block;width:100%;height:100%;object-fit:cover}.quick-collection-circles__placeholder{font-size:calc(var(--quick-collection-image-size) * .34);font-weight:700;line-height:1}.quick-collection-circles__label{display:-webkit-box;width:100%;min-height:2.8em;overflow:hidden;font-size:1.3rem;line-height:1.4;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media screen and (min-width:750px){.quick-collection-circles__heading-wrapper{padding:0 var(--quick-collection-horizontal-padding)}.quick-collection-circles__list{width:100%;min-width:0}.quick-collection-circles__label{font-size:1.4rem}}@media screen and (min-width:990px){body:has(.collection-layout--align-intro) .section-quick-collection-circles .quick-collection-circles__inner{box-sizing:border-box;width:100%;max-width:var(--page-width-collection);padding-right:var(--collection-right-gutter);padding-left:var(--collection-content-start)}body:has(.collection-layout--align-intro) .section-quick-collection-circles .quick-collection-circles__nav,body:has(.collection-layout--align-intro) .section-quick-collection-circles .quick-collection-circles__heading-wrapper{padding-right:0;padding-left:0}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-quick-collection-circles.css.map */