.tooltip{display:inline-block;position:relative}.tooltip__trigger{width:14px;height:14px;display:flex;justify-content:center;align-items:center;position:relative;top:7px;left:4px;cursor:pointer}.tooltip__trigger:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:transparent}.tooltip__trigger .tooltip__icon{width:14px;height:14px}.tooltip__content{display:none;position:absolute;top:calc(100% + 18px);left:calc(50% + 4px);transform:translate(-50%);height:fit-content;background-color:#fff;border-radius:6.667px;padding:10px;box-shadow:0 4px 8px #0000001a;width:229px;text-align:center;z-index:10}.tooltip__content:before{content:"";position:absolute;bottom:calc(100% - 1px);left:50%;transform:translate(-50%);width:13.333px;height:6.667px;background:url('data:image/svg+xml,<svg width="14" height="7" viewBox="0 0 14 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 6.66667L6.66667 0L13.3333 6.66667H0Z" fill="white"/></svg>') center/cover no-repeat;box-shadow:0 4px 8px #0000001a;z-index:0}.tooltip__content:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:8px;background:#fff;z-index:2}.tooltip__text{color:var(--color-neutral-grey-text);text-align:center;font-size:14px;font-weight:400;line-height:130%}.tooltip__close{position:absolute;top:-6.67px;right:-10.5px;display:flex;width:21.667px;height:20.833px;justify-content:center;align-items:center;background:rgb(var(--color-primary-lighter));color:rgb(var(--color-primary-base));border-radius:50%;cursor:pointer;border:none}@media(min-width:992px){.tooltip__close{display:none}}.tooltip__close svg{width:6.667px;height:6.667px}.tooltip.active .tooltip__content{display:block}.tooltip--caret-left .tooltip__content{left:calc(50% + 4px);transform:translate(-10%)}.tooltip--caret-left .tooltip__content:before,.tooltip--caret-left .tooltip__content:after{left:10%}.tooltip--caret-right .tooltip__content{left:calc(50% + 4px);transform:translate(-90%)}.tooltip--caret-right .tooltip__content:before,.tooltip--caret-right .tooltip__content:after{left:90%}@media(min-width:992px){.tooltip__content{width:280px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tooltip.css.map */