@charset "utf-8";
.team-map-area {
    width: 100%;
    height: 99%;
    position: absolute;
    top: 1%;
}

/* 画面下部のスポットチームロゴ */
.spot-team-logo-area {
    position: absolute;
    bottom: 1%;
    left: 2%;
    z-index: 1000;
    pointer-events: none;
}

.spot-team-logo {
    width: 200px;
    height: auto;
    opacity: 0.3;
}

/* メンバー追加・削除時の通知 */
.map-notification-area {
    width: 240px;
    height: 60px;
    border: 1px solid #11BEC2;
    border-radius: 15px;
    background-color: white;
    opacity: 0;
    transition: opacity 1s;
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translate(-120px, 5px);
    z-index: 1000;
    display: flex;
    align-items: center;
    word-break: break-all;
    pointer-events: none;
}

.map-notification-image-area {
    opacity: 1;
    transform: translateX(8px);
}

.map-notification-image {
    width: 30px;
    height: auto;
}

.map-notification-text {
    width: 190px;
    transform: translateX(15px);
    font-size: 13px;
}