.tooltip{--tool-tip-width: 1.5rem;--tool-tip-height: 1.5rem;--tool-tip-arrow: 1rem;position:relative;width:var(--tool-tip-width);height:var(--tool-tip-height)}.tooltip-button__button{background:transparent;border:none;cursor:pointer}.tooltip-button__button .svg-wrapper{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:var(--tool-tip-width);height:var(--tool-tip-height);padding:.125rem}.tooltip:not(.tooltip-active) .tooltip-button__button .svg-wrapper.active{display:none}.tooltip.tooltip-active .tooltip-button__button .svg-wrapper.inactive{display:none}.tooltip .tooltip-tip{position:absolute;top:calc(100% + var(--tool-tip-arrow));left:50%;display:none;transform:translate(-50%);width:max-content;min-width:4rem;max-width:15.625rem;padding:var(--spacing-stoat) var(--spacing-squirrel);border-radius:var(--shape-card);border:var(--border-small) solid var(--basic-outline-variant-2);background:var(--basic-secondary);box-shadow:var(--elevation-1-x) var(--elevation-1-y) var(--elevation-1-blur) var(--elevation-1-spread) var(--transparency-drop-shadow-opacity-50)}.tooltip .tooltip-tip.tooltip-xLoc-left{left:-1.5625rem;transform:none}.tooltip .tooltip-tip.tooltip-xLoc-right{left:auto;right:-1.5625rem;transform:none}.tooltip .tooltip-tip.tooltip-yLoc-top{top:auto;bottom:calc(100% + var(--tool-tip-arrow))}.tooltip .tooltip-tip:before{content:" ";position:absolute;top:calc(var(--tool-tip-arrow) * -1);left:50%;width:0;height:0;transform:translate(-50%);border-left:calc(var(--tool-tip-arrow) / 2) solid transparent;border-right:calc(var(--tool-tip-arrow) / 2) solid transparent;border-bottom:var(--tool-tip-arrow) solid var(--basic-secondary)}.tooltip .tooltip-tip.tooltip-xLoc-left:before{left:1.75rem;transform:none}.tooltip .tooltip-tip.tooltip-xLoc-right:before{left:auto;right:1.6875rem;transform:none}.tooltip .tooltip-tip.tooltip-yLoc-top:before{top:auto;bottom:calc(var(--tool-tip-arrow) * -1);transform:rotate(180deg)}.tooltip .tooltip-tip.tooltip-xLoc-center.tooltip-yLoc-top:before{top:auto;bottom:calc(var(--tool-tip-arrow) * -1);transform:translate(-50%) rotate(180deg)}.tooltip.tooltip-active .tooltip-tip{display:block}.tooltip-tip_text{color:var(--basic-on-secondary)}
/*# sourceMappingURL=/cdn/shop/t/79/assets/component-tooltip.css.map */