.fabric-scroll-container{position:relative;max-height:500px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#111 transparent}.fabric-scroll-container::-webkit-scrollbar{width:3px}.fabric-scroll-container::-webkit-scrollbar-track{background:transparent}.fabric-scroll-container::-webkit-scrollbar-thumb{background-color:#111;border-radius:0}.fabric-scroll-overlay{display:block;position:sticky;width:100%;height:48px;pointer-events:none;z-index:20;opacity:1;transition:opacity .25s ease}.fabric-scroll-overlay--top{top:0;margin-bottom:-48px;background:linear-gradient(to bottom,#fff,#fff0)}.fabric-scroll-overlay--bottom{bottom:0;margin-top:-48px;background:linear-gradient(to top,#fff,#fff0)}.fabric-scroll-overlay.is-hidden{opacity:0;pointer-events:none}.fabric-group{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-xs);margin:0;padding:0 4px 12px;border:none}@media(max-width:1024px){.fabric-group{grid-template-columns:repeat(3,1fr)}}@media(max-width:749px){.fabric-scroll-container{max-height:60vh;max-height:60dvh;-webkit-overflow-scrolling:touch}.fabric-group{grid-template-columns:repeat(3,1fr);gap:var(--gap-2xs, 6px);padding:0 2px 10px}.fabric-heading{font-size:13px;padding:8px 2px}}@media(max-width:480px){.fabric-group{grid-template-columns:repeat(3,1fr)}}.fabric-heading{position:sticky;top:0;grid-column:1 / -1;display:block;background-color:#fff;padding:10px;z-index:9;margin:0 -4px;min-width:calc(100% + 8px);font-family:var(--font-paragraph--family);text-align:center;line-height:24px;font-size:14px;font-weight:400}.variant-swatch-image-container{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--variant-picker-swatch-radius)}.variant-swatch-image-container svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;stroke:#00000073;stroke-width:1px;pointer-events:none}.variant-option__button-label.custom-variants-label{min-width:0;width:100%}.fabric-group .variant-swatch-wrapper .swatch.swatch--unscaled{width:100%;height:100%}.fabric-group .custom-variants-label{padding:.25rem;outline-offset:0rem!important}@media screen and (min-width:1098){.fabric-group>label{flex:1 0 calc(25% - var(--gap-xs))}}@media screen and (max-width:749px){.variant-swatch-label{font-size:.65rem;line-height:1.3}.variant-option__button-label.custom-variants-label{touch-action:manipulation}label.custom-variants-label span{font-size:10px}.fabric-group .custom-variants-label{padding:2px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/variant-fabric-groups.css.map */