product-family-swatches{--hybrid-swatch-size: 44px;--hybrid-swatch-spacing: 8px}product-family-swatches.product-form__input{margin-top:0}.hybrid-swatches-native-hidden{display:none!important}.hybrid-swatches__list{gap:var(--hybrid-swatch-spacing);padding:0;margin:0;list-style:none}.hybrid-swatch__item{display:inline-flex;text-decoration:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.hybrid-swatch__visual{position:relative;min-width:calc(var(--hybrid-swatch-size) - .2rem);min-height:calc(var(--hybrid-swatch-size) - .2rem);width:calc(var(--hybrid-swatch-size) - .2rem);height:calc(var(--hybrid-swatch-size) - .2rem);background:var(--hybrid-swatch-background, rgb(var(--color-border)));background-position:center;background-size:cover;border:1px solid rgba(var(--color-foreground),.15);border-radius:9999px;transition:box-shadow var(--duration-default, .2s) ease}.hybrid-swatches--shape-square .hybrid-swatch__visual{border-radius:var(--small-blocks-radius, 4px)}.hybrid-swatch__visual--text{display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;text-transform:uppercase;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.hybrid-swatch__item:hover .hybrid-swatch__visual{box-shadow:0 0 0 .1rem rgba(var(--color-border),1)}.hybrid-swatch__item:focus-visible .hybrid-swatch__visual,.hybrid-swatch__item.focused .hybrid-swatch__visual{box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .35rem rgb(var(--color-foreground))}.hybrid-swatch__item.is-selected .hybrid-swatch__visual{box-shadow:0 0 0 .1rem rgba(var(--color-border),1),0 0 0 .35rem rgb(var(--color-background)),0 0 0 .45rem rgb(var(--color-foreground))}.hybrid-swatch__item.is-unavailable .hybrid-swatch__visual{opacity:.5;background-image:linear-gradient(to bottom left,transparent calc(50% - .5px),rgba(var(--color-foreground),.6) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),var(--hybrid-swatch-background, rgb(var(--color-border)))}.hybrid-swatch__item.is-self{cursor:default}.hybrid-swatch__item .tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) translateY(4px);white-space:nowrap;padding:.3rem .6rem;font-size:1.1rem;border-radius:var(--small-blocks-radius, 4px);background:rgb(var(--color-foreground));color:rgb(var(--color-background));opacity:0;pointer-events:none;transition:opacity var(--duration-default, .2s) ease,transform var(--duration-default, .2s) ease;z-index:2}.hybrid-swatch__item:hover .tooltip,.hybrid-swatch__item:focus-visible .tooltip{opacity:1;transform:translate(-50%) translateY(0)}.hybrid-swatches--card{--hybrid-swatch-size: 24px;--hybrid-swatch-spacing: 4px}@media screen and (max-width:749px){.hybrid-swatches--mobile-scroll .hybrid-swatches__list{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.hybrid-swatches--mobile-scroll .hybrid-swatches__list::-webkit-scrollbar{display:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/hybrid-product-swatches.css.map */