// SPDX-License-Identifier: MIT
// Copyright (c) 2021-2022 The Pybricks Authors

// Custom styling for the settings controls.

@use '@blueprintjs/core/lib/scss/variables' as bp;

.pb-settings {
    overflow-y: auto;
    padding: bp.$pt-grid-size;

    .#{bp.$ns}-control-group {
        .#{bp.$ns}-button {
            margin-bottom: 3px;
        }

        .#{bp.$ns}-input-group {
            width: bp.$pt-grid-size * 20;
        }
    }

    & .#{bp.$ns}-control {
        max-width: bp.$pt-grid-size * 20;
    }
}