.bottomleft {
    position: absolute;
    display: none;
    text-align: center;
    top: 100%;
    left: 0;
    z-index: 2;
    margin-top: 8px;
}

.bottomcenter {
    position: absolute;
    display: none;
    text-align: center;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    margin-top: 8px;
}

.bottomright {
    position: absolute;
    display: none;
    text-align: center;
    top: 100%;
    left: 100%;
    transform: translate(-100%);
    z-index: 2;
    margin-top: 8px;
}

.topleft {
    position: absolute;
    display: none;
    text-align: center;
    bottom: 100%;
    left: 0;
    z-index: 2;
    margin-bottom: 8px;
}

.topcenter {
    position: absolute;
    display: none;
    text-align: center;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    margin-bottom: 8px;
}

.topright {
    position: absolute;
    display: none;
    text-align: center;
    bottom: 100%;
    left: 100%;
    transform: translateX(-100%);
    z-index: 2;
    margin-bottom: 8px;
}

.rightup {
    position: absolute;
    display: none;
    text-align: center;
    top: 0;
    left: 100%;
    z-index: 2;
    margin-right: 8px;
}

.right {
    position: absolute;
    display: none;
    text-align: center;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    z-index: 2;
    margin-right: 8px;
}

.rightdown {
    position: absolute;
    display: none;
    text-align: center;
    top: 100%;
    left: 100%;
    transform: translateY(-100%);
    z-index: 2;
    margin-right: 8px;
}

.leftup {
    position: absolute;
    display: none;
    text-align: center;
    top: 0;
    right: 100%;
    z-index: 2;
    margin-right: 8px;
}

.left {
    position: absolute;
    display: none;
    text-align: center;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    z-index: 2;
    margin-right: 8px;
}

.leftdown {
    position: absolute;
    display: none;
    text-align: center;
    top: 100%;
    right: 100%;
    transform: translateY(-100%);
    z-index: 2;
    margin-right: 8px;
}