@layer onyx.component{.onyx-tooltip{--offset:0rem;--onyx-tooltip-wedge-size:.5rem;--onyx-tooltip-max-width:19rem;min-width:var(--onyx-spacing-3xl);width:max-content;max-width:min(var(--onyx-tooltip-max-width), 100vw);--offset-with-wedge:calc(var(--offset) + var(--onyx-tooltip-wedge-size));--background-color:var(--onyx-color-base-neutral-900);--color:var(--onyx-color-text-icons-neutral-inverted);height:max-content;padding:0;position:fixed;overflow:hidden}.onyx-tooltip--danger{--background-color:var(--onyx-color-base-danger-200);--color:var(--onyx-color-text-icons-danger-bold)}.onyx-tooltip--success{--background-color:var(--onyx-color-base-success-200);--color:var(--onyx-color-text-icons-success-bold)}.onyx-tooltip:popover-open{background:0 0;border:none;outline:none}.onyx-tooltip--content{border-radius:var(--onyx-radius-sm);padding:var(--onyx-density-2xs) var(--onyx-density-sm);justify-content:center;align-items:center;gap:var(--onyx-density-2xs);margin:0 0 var(--offset-with-wedge) 0;background-color:var(--background-color);color:var(--color);font-family:var(--onyx-font-family-paragraph);text-align:center;white-space:pre-line;display:flex;position:relative}.onyx-tooltip--content:after{content:" ";position-anchor:var(--onyx-tooltip-anchor);width:calc(2 * var(--onyx-tooltip-wedge-size));height:calc(2 * var(--onyx-tooltip-wedge-size));border-width:var(--onyx-tooltip-wedge-size);border-style:solid;border-color:var(--background-color) transparent transparent;white-space:normal;top:calc(anchor(top) - var(--offset) - var(--onyx-tooltip-wedge-size));left:calc(anchor(center) - var(--onyx-tooltip-wedge-size));pointer-events:none;position:fixed}.onyx-tooltip--dont-support-anchor .onyx-tooltip--content:after{margin-left:calc(-1 * var(--onyx-tooltip-wedge-size));position:absolute;top:100%;left:50%}.onyx-tooltip--position-bottom .onyx-tooltip--content{margin:var(--offset-with-wedge) 0 0 0}.onyx-tooltip--position-bottom .onyx-tooltip--content:after{border-color:transparent transparent var(--background-color);top:calc(anchor(bottom) + var(--offset) - var(--onyx-tooltip-wedge-size));left:calc(anchor(center) - var(--onyx-tooltip-wedge-size))}.onyx-tooltip--position-bottom.onyx-tooltip--dont-support-anchor .onyx-tooltip--content:after{top:calc(-2 * var(--onyx-tooltip-wedge-size));left:50%}.onyx-tooltip--position-left .onyx-tooltip--content{margin:0 var(--offset-with-wedge) 0 0}.onyx-tooltip--position-left .onyx-tooltip--content:after{border-color:transparent transparent transparent var(--background-color);top:calc(anchor(center) - var(--onyx-tooltip-wedge-size));left:calc(anchor(left) - var(--offset) - var(--onyx-tooltip-wedge-size))}.onyx-tooltip--position-left.onyx-tooltip--dont-support-anchor .onyx-tooltip--content:after{transform:translateX(var(--onyx-tooltip-wedge-size));margin-left:0;margin-top:calc(-1 * var(--onyx-tooltip-wedge-size));top:50%;left:100%;right:0}.onyx-tooltip--position-right .onyx-tooltip--content{margin:0 0 0 var(--offset-with-wedge)}.onyx-tooltip--position-right .onyx-tooltip--content:after{border-color:transparent var(--background-color) transparent transparent;top:calc(anchor(center) - var(--onyx-tooltip-wedge-size));left:calc(anchor(right) + var(--offset) - var(--onyx-tooltip-wedge-size))}.onyx-tooltip--position-right.onyx-tooltip--dont-support-anchor .onyx-tooltip--content:after{transform:translateX(calc(-1 * var(--onyx-tooltip-wedge-size)));margin-left:0;margin-top:calc(-1 * var(--onyx-tooltip-wedge-size));top:50%;left:0;right:100%}.onyx-tooltip--without-wedge .onyx-tooltip--content:after,.onyx-tooltip--position-top-left .onyx-tooltip--content:after,.onyx-tooltip--position-top-right .onyx-tooltip--content:after,.onyx-tooltip--position-bottom-left .onyx-tooltip--content:after,.onyx-tooltip--position-bottom-right .onyx-tooltip--content:after{display:none}.onyx-tooltip--position-top-left .onyx-tooltip--content{margin:0 var(--offset-with-wedge) var(--offset-with-wedge) 0}.onyx-tooltip--position-top-right .onyx-tooltip--content{margin:0 0 var(--offset-with-wedge) var(--offset-with-wedge)}.onyx-tooltip--position-bottom-left .onyx-tooltip--content{margin:var(--offset-with-wedge) var(--offset-with-wedge) 0 0}.onyx-tooltip--position-bottom-right .onyx-tooltip--content{margin:var(--onyx-tooltip-wedge-size) 0 0 var(--onyx-tooltip-wedge-size)}.onyx-tooltip--alignment-left.onyx-tooltip--position-top,.onyx-tooltip--alignment-left.onyx-tooltip--position-bottom{left:calc(-1 * anchor-size(width) / 2 - 2 * var(--onyx-tooltip-wedge-size))}.onyx-tooltip--alignment-left.onyx-tooltip--position-top.onyx-tooltip--dont-support-anchor,.onyx-tooltip--alignment-left.onyx-tooltip--position-bottom.onyx-tooltip--dont-support-anchor{transform:translateX(calc(-2 * var(--onyx-tooltip-wedge-size)))}.onyx-tooltip--alignment-left.onyx-tooltip--position-top.onyx-tooltip--aligns-with-edge,.onyx-tooltip--alignment-left.onyx-tooltip--position-bottom.onyx-tooltip--aligns-with-edge{transform:translate(100%)}.onyx-tooltip--alignment-left.onyx-tooltip--position-top.onyx-tooltip--aligns-with-edge.onyx-tooltip--dont-support-anchor,.onyx-tooltip--alignment-left.onyx-tooltip--position-bottom.onyx-tooltip--aligns-with-edge.onyx-tooltip--dont-support-anchor{transform:none}.onyx-tooltip--alignment-left.onyx-tooltip--position-top .onyx-tooltip--content:after,.onyx-tooltip--alignment-left.onyx-tooltip--position-bottom .onyx-tooltip--content:after{left:calc(anchor(center) - var(--onyx-tooltip-wedge-size))}.onyx-tooltip--alignment-left.onyx-tooltip--position-top.onyx-tooltip--dont-support-anchor .onyx-tooltip--content:after,.onyx-tooltip--alignment-left.onyx-tooltip--position-bottom.onyx-tooltip--dont-support-anchor .onyx-tooltip--content:after{left:calc(2 * var(--onyx-tooltip-wedge-size))}.onyx-tooltip--alignment-right.onyx-tooltip--position-top,.onyx-tooltip--alignment-right.onyx-tooltip--position-bottom{right:calc(-1 * anchor-size(width) / 2 - 2 * var(--onyx-tooltip-wedge-size))}.onyx-tooltip--alignment-right.onyx-tooltip--position-top.onyx-tooltip--dont-support-anchor,.onyx-tooltip--alignment-right.onyx-tooltip--position-bottom.onyx-tooltip--dont-support-anchor{transform:translateX(calc(2 * var(--onyx-tooltip-wedge-size)))}.onyx-tooltip--alignment-right.onyx-tooltip--position-top.onyx-tooltip--aligns-with-edge,.onyx-tooltip--alignment-right.onyx-tooltip--position-bottom.onyx-tooltip--aligns-with-edge{transform:translate(-100%)}.onyx-tooltip--alignment-right.onyx-tooltip--position-top.onyx-tooltip--aligns-with-edge.onyx-tooltip--dont-support-anchor,.onyx-tooltip--alignment-right.onyx-tooltip--position-bottom.onyx-tooltip--aligns-with-edge.onyx-tooltip--dont-support-anchor{transform:none}.onyx-tooltip--alignment-right.onyx-tooltip--position-top .onyx-tooltip--content:after,.onyx-tooltip--alignment-right.onyx-tooltip--position-bottom .onyx-tooltip--content:after{left:calc(anchor(center) - var(--onyx-tooltip-wedge-size))}.onyx-tooltip--alignment-right.onyx-tooltip--position-top.onyx-tooltip--dont-support-anchor .onyx-tooltip--content:after,.onyx-tooltip--alignment-right.onyx-tooltip--position-bottom.onyx-tooltip--dont-support-anchor .onyx-tooltip--content:after{left:calc(100% - 2 * var(--onyx-tooltip-wedge-size))}.onyx-tooltip-wrapper{anchor-name:var(--onyx-tooltip-anchor);place-content:center;width:max-content;height:max-content;position:relative}}