.tooltip-over-image .tooltip{display:flex;cursor:pointer;column-gap:15px;background:rgb(var(--color-base-accent-2));text-decoration:none;border-radius:100%;position:absolute}.swiper-slide .tooltip-over-image .tooltip{border-radius:100%}.swiper-slide .tooltip-over-image .tooltip:hover{border-radius:10px}.swiper-slide .tooltip-over-image .tooltip-reveal{width:16px;height:16px}.tooltip-reveal{position:relative;cursor:pointer;display:inline-block;width:16px;height:16px;place-self:center}.tooltip-reveal:before{content:"";position:absolute;left:50%;top:50%;height:9px;width:9px;transform:translate(-50%,-50%);background-image:var(--icon-plus-url);background-repeat:no-repeat;background-size:contain;background-position:center}.tooltip:hover .tooltip-reveal:before{background-image:var(--icon-minus-url)}.tooltip-text{display:none;flex:0 0 calc(100% - 4.5rem);color:rgb(var(--color-foreground));max-width:112px}.tooltip-over-image .tooltip:hover .tooltip-text{display:block}.tooltipicon img{width:100%;display:inherit;opacity:0;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;border-radius:100%;object-fit:cover;transition:ease all .3s}.tooltip-over-image .tooltip:hover .tooltipicon:after,.tooltip-over-image .tooltip:hover .tooltipicon:before{opacity:0}.tooltip-over-image .tooltip:hover .tooltipicon img{opacity:1}.tooltip-container{overflow:hidden}.tooltip-over-image .tooltip{display:grid;grid-template-columns:1fr;column-gap:.6rem;padding:0;width:22px;height:22px;z-index:3}.tooltip-over-image .tooltip:hover{grid-template-columns:1fr auto;padding:.5rem 1rem .5rem .5rem;width:max-content;height:initial;border-radius:1rem}.tooltip-over-image .tooltip:hover .tooltip-text{place-self:center;text-decoration:none;font-weight:600;font-size:10px;line-height:100%;letter-spacing:.1em;text-transform:uppercase;position:relative;top:-.03rem}@media (hover: none){.swiper-slide .tooltip-over-image .tooltip{border-radius:10px}.tooltip .tooltip-reveal:before{background-image:var(--icon-minus-url)}.tooltip-over-image .tooltip .tooltip-text{display:block}.tooltip-over-image .tooltip .tooltipicon:after,.tooltip-over-image .tooltip .tooltipicon:before{opacity:0}.tooltip-over-image .tooltip .tooltipicon img{opacity:1}.tooltip-over-image .tooltip{grid-template-columns:1fr auto;padding:.5rem 1rem .5rem .5rem;width:max-content;height:initial;border-radius:1rem}.tooltip-over-image .tooltip .tooltip-text{place-self:center;text-decoration:none;font-weight:600;font-size:10px;line-height:100%;letter-spacing:.1em;text-transform:uppercase;position:relative;top:-.03rem}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/component-tooltip.css.map */