.twin-tooltip {
    .twin-sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .custom-tooltip-wrapper {
        position: relative;
        display: inline-block;

        .custom-tooltip {
            display: none;
            position: absolute;
            padding: 6px calc(10px + 1rem) 6px 10px;
            background: rgba(0, 0, 0, 0.9);
            color: #f6f6f6;
            z-index: 2;
            width: max-content;
            max-width: 45vw;
            box-shadow: 0 1px 2px hsl(0, 0%, 0%);
            margin: 0;
        }

        .custom-tooltip.open {
            display: inline-block;
        }
    }
}