import styled from "@emotion/styled";
import { css } from "@emotion/react";
import { tokens } from "./Tooltip.tokens";
export const base = /*#__PURE__*/ css("border-radius:var(", tokens.borderRadius, ");", "base");
export const Wrapper = /*#__PURE__*/ styled("div", {
    target: "e11u84w50",
    label: "Wrapper"
})("display:flex;align-items:center;position:relative;gap:var(", tokens.gap, ");background:var(", tokens.backgroundColor, ");padding:var(", tokens.padding, ");border-radius:var(", tokens.borderRadius, ");box-shadow:var(", tokens.boxShadow, ");width:100%;height:100%;box-sizing:border-box;color:var(", tokens.color, ");font-family:var(", tokens.fontFamily, ");font-size:var(", tokens.fontSize, ");font-style:var(", tokens.fontStyle, ");font-weight:var(", tokens.fontWeight, ");letter-spacing:var(", tokens.letterSpacing, ");line-height:var(", tokens.lineHeight, ");");
export const IconWrapper = /*#__PURE__*/ styled("div", {
    target: "e11u84w51",
    label: "IconWrapper"
})("flex:none;line-height:0;");
