.displayPanel {
    width: 192px;
    height: 180px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 12px, rgba(0, 0, 0, 0.4) 0px 0px 2px;
    position: fixed;
    top: 8px;
    left: 8px;
    border-radius: 8px;

    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    overflow-y: auto;
    z-index: 9999;
}

.displayPanel > .modeSwitch {
    margin: 4px 8px 4px 8px;
    border: rgba(0, 0, 0, 0.2) 1px solid;
    padding: 4px 8px 4px 8px;
    border-radius: 8px;
}

.displayPanel > .suggestionBox {
    margin: 0px 8px 4px 8px;

    border-radius: 8px;
    /* background-color: rgba(225, 225, 225, 0.5); */
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border:rgba(0, 0, 0, 0.2) 1px solid;
    color: rgb(64, 64, 64);
    text-align: center;
    padding: 8px;
}

.displayPanel > .suggestionBox > legend {
    font-weight: bold;
    margin: 4px;
    padding: 0px;
}

.displayPanel > .limitInputContainer {
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 4px 8px 4px 8px;

    border: rgba(0, 0, 0, 0.2) 1px solid;
    height: 24px;
    width: calc(100% - 24px);
    padding: 4px;
    background-color: transparent;
    border-radius: 8px;

    align-items: center;
}

.displayPanel > .limitInputContainer > .limitInput{
    flex-grow: 1;
    border: none;
    height: 16px;
    width: 24px;
    padding: 4px;
    margin-left: 4px;
    background-color: rgba(125, 125, 125, 0.1);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border-radius: 4px;

    border: rgba(0, 0, 0, 0.1) 1px solid;
}