.default-layout-theme {
    /* default max height for buttons */
    --button-max-height: calc(3 * var(--font-size));
    /* default max width for buttons */
    --button-max-width: unset;
    /* default min height for buttons */
    --button-min-height: 60px;
    /* default min width for buttons */
    --button-min-width: unset;
    /* override for the maximum height of the viewport area */
    --viewport-max-height: 100%;
    /* override for the maximum width of the viewport area */
    --viewport-max-width: min(1200px, 100vw);
    /* override for the minimum height of the viewport area */
    --viewport-min-height: unset;
    /* override for the minimum width of the viewport area */
    --viewport-min-width: unset;
    /* default max height of charts/plots */
    --chart-max-height: 300px;
    /* default max width of charts/plots */
    --chart-max-width: unset;
    /* default min height of charts/plots */
    --chart-min-height: 300px;
    /* default min width of charts/plots */
    --chart-min-width: unset;
    /* default amount of marging to apply to components */
    --base-margin: 5px;
    /* default amount of padding to apply to components */
    --base-padding: 5px;
}