.blend-mode-glossary,
.blend-mode-group,
.blend-mode-introduction,
.blend-mode-demonstration {
    margin-bottom: 3em;
}

.blend-mode-glossary .glossary-item-description .btn {
    padding: 0;
}

.blend-mode-glossary-mode .glossary-item {
    margin-bottom: 1em;
}

.blend-mode-formula {
    margin-bottom: .5em;
}

.blend-mode-description {
    margin-bottom: .2em;
}

.blend-mode-demo {
    position: relative;
}

.blend-mode-demo .blend-mode-demo-image {
    width: 100%;
}

.blend-mode-demo .secondary-layer {
    position: absolute;
    left: 0;
    right: 0;
    top: 25%;
    bottom: 25%;
}

.blend-mode-demo .blend-mode-demo-gray50 {
    background: rgb(128, 128, 128);
}

.blend-mode-demo .blend-mode-demo-gradient {
    background: linear-gradient(to right, #000, #fff);
}

.blend-mode-demo .blend-mode-demo-self {
    top: 0;
    bottom: 0;
    clip-path: polygon(0 25%, 100% 25%, 100% 75%, 0 75%);
}

.blend-mode-demo .blend-mode-demo-text {
    top: -0.2em;
    bottom: 0;
    overflow: hidden;
    word-break: break-all;
    font-size: 2em;
}

.blend-mode-config {
    position: absolute;
    bottom: 15px;
    left: 15px;
}

.blend-mode-config .dropdown-toggle {
    padding: 5px;
}

.blend-mode-config .image-option {
    width: 40px;
}