.tooltip{position:relative}.tooltip__button{width:2rem;height:2rem;border-radius:50%;background-color:rgb(var(--color-base-background-3));border:none;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.tooltip .icon-info{width:.5rem;height:1.2rem}.tooltip__content{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:rgb(var(--color-base-background-3));padding:var(--global-spacing);margin-bottom:1rem;box-shadow:0 0 .5rem #0000000d;opacity:0;visibility:hidden;transition:all var(--duration-default) ease-in-out;min-width:150px;max-width:200px;word-break:break-word;text-align:center}@media screen and (max-width:767px){.tooltip__content{right:0;left:auto;transform:none}}.tooltip:hover .tooltip__content{opacity:1;visibility:visible}.tooltip__content:after{content:"";border-left:1rem solid transparent;border-right:1rem solid transparent;border-top:1rem solid rgb(var(--color-base-background-3));position:absolute;bottom:-1rem;left:50%;transform:translate(-50%)}.tooltip--right .tooltip__content{right:calc(var(--global-spacing) * -1);left:auto;transform:none}.tooltip--right .tooltip__content:after{left:auto;transform:none;right:var(--global-spacing)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-tooltip.css.map */