.product-variant-options{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:.6rem}.product-variant-options.variant-picker{gap:.6rem}.swatch-tooltip-image{display:flex;overflow:hidden;position:relative}.product-variant-options.variant-picker .swatch-input-button .disabled~.swatch-tooltip-image:after{content:"";position:absolute;left:calc(50% - 3px);top:-20px;bottom:-20px;width:3px;background-color:rgb(var(--color-foreground));transform:rotate(46deg)}.variant-picker .swatch-input-button{position:relative;padding-bottom:.6rem;max-width:76px}.variant-picker .swatch-input-button.swatch-text-button{max-width:fit-content}.variant-picker .swatch-input-button img{max-width:100%;height:auto;width:100%}.variant-picker .swatch-input-button .swatch-label{position:absolute;left:0;right:0;top:0;bottom:0;width:auto;height:auto;border-bottom:1px solid transparent;cursor:pointer}.variant-picker .swatch-input-button input[type=radio]:checked~.swatch-label{border-color:rgb(var(--color-foreground))}.variant-picker .swatch-input-button input[type=radio]:not(.disabled)~.swatch-label>.label-unavailable{display:none}.swatch-input-tooltip{min-width:125px;position:absolute;opacity:0;visibility:hidden;background-color:#fff;border:1px solid #E0E0E0;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.2rem;gap:1.6rem;bottom:100%;left:0;transform:translateY(-10px);margin-left:-12px;z-index:2}.swatch-input-tooltip span{font-size:1.2rem;line-height:1.25;letter-spacing:.96px;text-transform:uppercase;text-align:center}@keyframes showToolTip{0%{opacity:100;visibility:visible}to{opacity:0;visibility:visible}}@media screen and (min-width:768px){.swatch-input-tooltip{left:auto;right:calc(100% + 1.2rem);bottom:1.2rem;transform:none;margin:0}.swatch-input-button:hover .swatch-input-tooltip{opacity:1;visibility:visible}}@media screen and (max-width:767px){.variant-picker .swatch-input-button input[type=radio]:checked~.swatch-input-tooltip{animation:showToolTip var(--duration-extra-long) ease}}
/*# sourceMappingURL=/cdn/shop/t/421/assets/component-product-variant-picker.css.map */