.cmp-tooltip{--tooltip-button-size:40px;--tooltip-icon-size:24px}.position-left>.cmp-tooltip{--tooltip-button-margin-inline:0 auto}.position-center>.cmp-tooltip{--tooltip-button-margin-inline:auto}.position-right>.cmp-tooltip{--tooltip-button-margin-inline:auto 0}.cmp-tooltip .cmp-tooltip__button{aspect-ratio:1;background-color:transparent;border:none;color:currentColor;cursor:pointer;display:block;margin-block:0;margin-inline:var(--tooltip-button-margin-inline,0);outline-offset:var(--tooltip-button-outline-offset,calc(var(--tooltip-button-size)*-.5 - var(--tooltip-icon-size)*-.5 + 4px));padding:0;position:relative;width:var(--tooltip-button-size)}.cmp-tooltip .cmp-tooltip__button:after,.cmp-tooltip .cmp-tooltip__button:before{background-color:currentColor;content:"";display:block;height:var(--tooltip-button-size);margin-inline:auto;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--tooltip-icon-size);mask-size:var(--tooltip-icon-size);pointer-events:none;transition:opacity .2s ease-in-out;width:var(--tooltip-button-size)}.cmp-tooltip .cmp-tooltip__button:before{-webkit-mask-image:var(--tooltip-icon-url);mask-image:var(--tooltip-icon-url);opacity:1}.cmp-tooltip .cmp-tooltip__button:after{inset:0;-webkit-mask-image:var(--tooltip-icon-negative-url);mask-image:var(--tooltip-icon-negative-url);opacity:0;position:absolute}.cmp-tooltip .cmp-tooltip__button:is(:hover,:focus-visible):before{opacity:0}.cmp-tooltip .cmp-tooltip__button:is(:hover,:focus-visible):after{opacity:1}.cmp-tooltip .cmp-tooltip__button-icon{display:none;pointer-events:none}.cmp-tooltip .cmp-tooltip__dialog-content{text-align:start}