.swatch-input-wrapper{position:relative;display:inline-block;z-index:1}.swatch-input-wrapper:hover{z-index:100}.product-form__input--swatch{position:relative;z-index:10}@media screen and (min-width: 750px){.product__info-wrapper{position:relative;z-index:1}}.swatch-tooltip{position:absolute;bottom:calc(100% + 1rem);left:50%;transform:translate(-50%);background:#fff;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.4rem;box-shadow:0 .4rem 1.2rem #00000026;padding:1.2rem;z-index:200;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;min-width:20rem;max-width:30rem}.swatch-input-wrapper:hover .swatch-tooltip{opacity:1;visibility:visible}.swatch-tooltip__image{width:100%;height:auto;border-radius:.3rem;margin-bottom:.8rem;display:block}.swatch-tooltip__name{font-size:1.4rem;line-height:normal;font-weight:500;color:rgb(var(--color-foreground));text-align:center;word-wrap:break-word}.swatch-tooltip__subtitle{font-size:1.2rem;line-height:normal;font-weight:400;color:rgba(var(--color-foreground),.6);text-align:center;word-wrap:break-word}.swatch-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:.6rem solid transparent;border-top-color:rgb(var(--color-background))}.swatch-tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:.7rem solid transparent;border-top-color:rgba(var(--color-foreground),.2);margin-top:.1rem}@media screen and (max-width: 749px){.swatch-tooltip{min-width:18rem;max-width:25rem;bottom:calc(100% + 1.5rem)}}.swatch-input-wrapper:first-of-type .swatch-tooltip{left:0;transform:translate(0)}.swatch-input-wrapper:first-of-type .swatch-tooltip:after,.swatch-input-wrapper:first-of-type .swatch-tooltip:before{left:3rem}.swatch-input-wrapper:last-of-type:not(:first-of-type):not(:nth-of-type(2)) .swatch-tooltip{left:auto;right:0;transform:translate(0)}.swatch-input-wrapper:last-of-type:not(:first-of-type):not(:nth-of-type(2)) .swatch-tooltip:after,.swatch-input-wrapper:last-of-type:not(:first-of-type):not(:nth-of-type(2)) .swatch-tooltip:before{left:auto;right:3rem;transform:translate(0)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-swatch-tooltip.css.map */