.container {
    pointer-events: none;

    &[data-placement^='top'] {
        .tooltip-wrapper {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
    }

    &[data-placement^='bottom'] {
        .tooltip-wrapper {
            display: flex;
            flex-direction: column-reverse;
            align-items: center;
        }
    }

    &[data-placement^='left'] {
        .tooltip-wrapper {
            display: flex;
            flex-direction: row;
            align-items: center;
        }
    }

    &[data-placement^='right'] {
        .tooltip-wrapper {
            display: flex;
            flex-direction: row-reverse;
            align-items: center;
        }
    }
}
