@font-face {
    font-family: 'IranSans';
    src: url('../fonts/IRANSansWeb_Medium.woff2') format('woff2'), url('../fonts/IRANSansWeb_Medium.woff') format('woff'),
        url('../fonts/IRANSansWeb_Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'IranSans';
    src: url('../fonts/IRANSansWeb_Light.woff2') format('woff2'), url('../fonts/IRANSansWeb_Light.woff') format('woff'),
        url('../fonts/IRANSansWeb_Light.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'IranSans';
    src: url('../fonts/IRANSansWeb_Bold.woff2') format('woff2'), url('../fonts/IRANSansWeb_Bold.woff') format('woff'),
        url('../fonts/IRANSansWeb_Bold.ttf') format('truetype');
    font-weight: 700;
}

:root {
    font-family: "IranSans";
    --font-family-primary: "IranSans";
}

html,
body {
    direction: rtl;
}

.bidi {
    transform: scaleX(-1);
}

.tooltip-start>.tooltip-content,
.tooltip-start[data-tip]:before {
    transform: translateX(calc(var(--tt-pos, -0.25rem) + 0.25rem)) translateY(-50%);
    inset: 50% auto auto var(--tt-off);
}

.tooltip-start:after {
    transform: translateX(var(--tt-pos, -0.25rem)) translateY(-50%) rotate(90deg);
    inset: 50% auto auto calc(var(--tt-tail) + 1px);
}

.tooltip-end>.tooltip-content,
.tooltip-end[data-tip]:before {
    transform: translateX(calc(var(--tt-pos, 0.25rem) - 0.25rem)) translateY(-50%);
    inset: 50% var(--tt-off) auto auto;
}

.tooltip-end:after {
    transform: translateX(var(--tt-pos, 0.25rem)) translateY(-50%) rotate(-90deg);
    inset: 50% calc(var(--tt-tail) + 1px) auto auto;
}