.hallotoolbar {
    position: absolute;
    z-index: 5;
    margin-top: 4em;
    margin-left: 1.2em;

    &.affixed {
        position: fixed;
        margin-top: 0;
    }

    // full is added to hallotoolbar when invoked on a field set to the full layout style
    &.full {
        margin-left: $mobile-nice-padding;

        @media screen and (min-width: $breakpoint-mobile) {
            margin-left: $desktop-nice-padding;
        }
    }

    // stream-field is added to hallotoolbar when invoked on a field within a stream-field
    &.stream-field {
        margin-top: -1em;
        margin-left: 0;

        &.affixed {
            margin-top: 0;
        }
    }

    button {
        border-radius: 0;
        height: 2.4em;
    }
}
