aside.beacons {
	grid-area: beacons;
	background-color: #11111c;
	overflow-y: auto;
	overflow-x: hidden;

    * {
        box-sizing: border-box;
    }

    .sort-method, .search, .checkin-filter {
        padding: 10px;
        padding-bottom: 5px;

        p {
            display: inline-block;
            width: 50%;
            margin: 0;
        }

        select, input {
            display: inline-block;
            width: 50%;
        }
    }

    .checkin-filter {
        padding-bottom: 12px;
        border-bottom: 1px solid #2e2e59;
    }

    .beacon-list {
        padding: 0;
        margin: 0;
    }

    .beacon-partition {
        padding: 0;
        margin: 0;
    }

    .partition-title {
        padding: 10px 15px;
        margin: 0;
        position: sticky;
        top: 0;
        background-color: #11111c;
        border-bottom: 1px solid #2e2e59;
        font-weight: bold;
        font-size: 1.2em;
    }

    .beacon-instance {
        padding: 10px;
    }

    .beacon-instance span {
        color: gray;
    }

    .beacon-instance {
        border-bottom: 1px solid #2e2e59;
    }

    .search-match {
        color: yellow;
    }

    .beacon-instance-id a {
        text-decoration: none;

        &:hover {
            text-decoration: underline;
        }
    }
}