import styled, { css } from "styled-components";
import { tokens } from "./Tooltip.tokens";
export const base = css([
    `border-radius:var(`,
    `);`
], tokens.borderRadius);
export const Wrapper = styled.div.withConfig({
    displayName: "Tooltip.styles__Wrapper",
    componentId: "sc-9065c282-0"
})([
    `display:flex;align-items:center;position:relative;gap:var(`,
    `);background:var(`,
    `);padding:var(`,
    `);border-radius:var(`,
    `);box-shadow:var(`,
    `);width:100%;height:100%;box-sizing:border-box;color:var(`,
    `);font-family:var(`,
    `);font-size:var(`,
    `);font-style:var(`,
    `);font-weight:var(`,
    `);letter-spacing:var(`,
    `);line-height:var(`,
    `);`
], tokens.gap, tokens.backgroundColor, tokens.padding, tokens.borderRadius, tokens.boxShadow, tokens.color, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight);
export const IconWrapper = styled.div.withConfig({
    displayName: "Tooltip.styles__IconWrapper",
    componentId: "sc-9065c282-1"
})([
    `flex:none;line-height:0;`
]);
