.bpextension-finder{
    background-color: var(--color);
    position: fixed;
    top: 31px;
    right: 0px;
    z-index: 11;
    padding: 10px;
    border: 2px solid white;
    border-radius: 0 0 0 10px;
    transition: 0.3s;
    border-style: dashed;
    border-top: none;
    border-right: none;
	width: 236px;
	color:white;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

.bpextension-finder>input[type="text"]{
    padding: 5px;
    border-radius: 0 0 5px 5px;
    font-size: 20px;
    transition: 0.3s;
    border: none;
	width: 100%;
}

.bpextension-checkbox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border: 1px solid white;
    border-radius: 5px;
    padding: 5px;
    margin: 5px 0;
}

.bpextension-finder>input[type="text"]:focus{
    font-size: 24px;
}

.bpextension-hidden{
    display: none;
}

.bpextension-button{
    font-size: 20px;
    
    color: white;
    font-family: sans-serif;
    padding: 5px;
    border: 1px solid white;
    border-radius: 5px;
    cursor: default;
    width: 100%;
    text-align: center;
    margin: 10px;
    user-select: none;
}

.bpextension-button:hover{
    color: var(--color);
    background-color: white;
}

.bpextension-buttons{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    align-content: center;
}

.bpextension-counter{
    color: white;
    text-align: center;
}
.selectBox{
    position: absolute;
    box-sizing: border-box;
    z-index: 11;
    background-color: color-mix(in srgb, var(--selected-node-color), transparent);
    border-radius: 10px;
    border-style: dashed;
    border-width: 3px;
    border-color: #fff;
    background-position: center center;
    background-size: cover;
}