.title {
    color         : var(--b-widget-color);
    font-size     : 1.4em;
    margin-inline : 0 auto;
}

#container {
    --b-toolbar-padding : 2em;
}

.b-panel {
    flex : 1;
}

#constrainTo {
    margin        : 0 10% 10% 10%;
    flex          : 1 1 auto;
    border-radius : 1.25em;
    display       : flex;
    overflow      : auto;

    background    : var(--b-neutral-100);
}

#inner {
    position   : relative;
    flex       : 1;
    overflow   : hidden;
    min-height : 500px;
}

#tipTarget,
#asyncTipTarget {
    height          : 130px;
    width           : 130px;
    border          : 3px dashed currentColor;
    position        : absolute;
    translate       : 200px 200px;
    display         : flex;
    flex-direction  : column;
    text-align      : center;
    justify-content : center;
    cursor          : pointer;
    user-select     : none;
    font-size       : 150%;
    color           : var(--b-color-green);
    border-radius   : 1em;

}

#asyncTipTarget {
    translate : 400px 400px;
    color     : var(--b-color-light-blue);
}