[id^="pattern_"] {
    position: fixed;
    top: 0;
    height: 100%;
    width: 25%;
}

@media (orientation: portrait) {
    [id^="pattern_"] {
        display: none;
    }
}

#pattern_left {
    left: 0;
}

#pattern_right {
    right: 0;
}

[id^="pattern_"] > div {
    display: grid;
    padding: 3rem;
    height: 100%;
    width: 100%;
}

.icon {
    height: 1.5rem;
    width: 1.5rem;
    background: url('/assets/images/logo/vbapp/logo_pattern.svg') center/contain no-repeat;
}