div.layout-glass-container {
    backdrop-filter: blur(var(--effect-glass-blur));
    margin: var(--effect-glass-corner-margin);
    background: var(--effect-glass-tint);
    height: fit-content;
}

div.layout-glass-corner {
    position: absolute;
    width: 24px;
    height: 24px;
    pointer-events: none;
}

div.layout-glass-corner:nth-child(1) {
    /* Top-left */
    top: var(--effect-glass-corner-offset);
    left: var(--effect-glass-corner-offset);
    border-top: var(--effect-glass-corner-thickness) solid var(--effect-glass-corner-color);
    border-left: var(--effect-glass-corner-thickness) solid var(--effect-glass-corner-color);
}

div.layout-glass-corner:nth-child(2) {
    /* Top-right */
    top: var(--effect-glass-corner-offset);
    right: var(--effect-glass-corner-offset);
    border-top: var(--effect-glass-corner-thickness) solid var(--effect-glass-corner-color);
    border-right: var(--effect-glass-corner-thickness) solid var(--effect-glass-corner-color);
}

div.layout-glass-corner:nth-child(3) {
    /* Bottom-left */
    bottom: var(--effect-glass-corner-offset);
    left: var(--effect-glass-corner-offset);
    border-bottom: var(--effect-glass-corner-thickness) solid var(--effect-glass-corner-color);
    border-left: var(--effect-glass-corner-thickness) solid var(--effect-glass-corner-color);
}

div.layout-glass-corner:nth-child(4) {
    right: var(--effect-glass-corner-offset);
    /* Bottom-right */
    bottom: var(--effect-glass-corner-offset);
    border-right: var(--effect-glass-corner-thickness) solid var(--effect-glass-corner-color);
    border-bottom: var(--effect-glass-corner-thickness) solid var(--effect-glass-corner-color);
}
