.b-element-with-tooltip{--element-with-tooltip-bg: #131313}.b-element-with-tooltip .element-with-tooltip-floating-arrow{--tooltip-arrow-size: .6rem;--tooltip-arrow-position: calc((var(--tooltip-arrow-size) / 2) * -1);pointer-events:none;position:absolute;z-index:-1;inset:var(--tooltip-arrow-position);-webkit-transform:rotate(45deg);transform:rotate(45deg);inline-size:var(--tooltip-arrow-size);block-size:var(--tooltip-arrow-size);background-color:var(--element-with-tooltip-bg)}[dir=rtl] .b-element-with-tooltip .element-with-tooltip-floating-arrow{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.b-element-with-tooltip.is-top-end .element-with-tooltip-floating-arrow,.b-element-with-tooltip.is-top-start .element-with-tooltip-floating-arrow{inset-block-start:auto}.b-element-with-tooltip .element-with-tooltip-element{padding:.8rem;font-size:1.4rem;color:#fff;background-color:var(--element-with-tooltip-bg);border-radius:6px;-webkit-transition:opacity .2s;transition:opacity .2s}.b-element-with-tooltip .element-with-tooltip-element:not(.is-visible){pointer-events:none;opacity:0}.b-element-with-tooltip .element-with-tooltip-element.has-light-layout{--element-with-tooltip-bg: #fff;--light-layout-border: 1px solid #c0cae3;max-inline-size:24rem;padding:2.4rem;border:var(--light-layout-border)}.b-element-with-tooltip .element-with-tooltip-element.has-light-layout .element-with-tooltip-floating-arrow{-webkit-border-after:var(--light-layout-border);border-block-end:var(--light-layout-border);-webkit-border-end:var(--light-layout-border);border-inline-end:var(--light-layout-border)}