.pl-js-pattern-example {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

#media-image .pl-js-pattern-example {
    max-width: 800px;
}

#dialog-snackbar-host .pl-js-pattern-example {
    height: 50vh;
}

[id*='app-frame'] > div.pl-js-pattern-example {
    position: relative;
    min-height: 400px;
}
#app-frame-content > div.pl-js-pattern-example {
    min-height: 400px;
}

[id*='app-frame'] warema-header,
[id*='app-frame'] warema-side-menu {
    position: absolute;
}

#app-frame-header warema-header,
[id*='app-frame-side-menu'] warema-side-menu {
    position: relative;
    top: 0;
}

#navigation-anchor-flags  warema-anchor-flags {
    position: static;
}

[id*='buttons-button-primary-inverted'] > div.pl-js-pattern-example {
    background-color: #c3c3c3;
    padding: 10px;
}