.elementor-widget-xyloon-corners {
    --xyc-color-tl: #CC0033;
    --xyc-color-tr: #CC0033;
    --xyc-color-bl: #CC0033;
    --xyc-color-br: #CC0033;
    --xyc-size: 28px;
    --xyc-thickness: 2px;
    --xyc-offset: 28px;
    --xyc-opacity: 0.8;
    --xyc-z: 5;

    position: absolute !important;
    inset: 0;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: var(--xyc-z);
    pointer-events: none;
}

.elementor-widget-xyloon-corners > .elementor-widget-container,
.elementor-widget-xyloon-corners .xyc-widget {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100%;
    pointer-events: none;
}

.xyc-corner {
    position: absolute;
    display: block;
    width: var(--xyc-size);
    height: var(--xyc-size);
    opacity: var(--xyc-opacity);
    pointer-events: none;
}

.xyc-corner--tl {
    color: var(--xyc-color-tl);
    top: var(--xyc-offset);
    left: var(--xyc-offset);
    border-top: var(--xyc-thickness) solid currentColor;
    border-left: var(--xyc-thickness) solid currentColor;
}

.xyc-corner--tr {
    color: var(--xyc-color-tr);
    top: var(--xyc-offset);
    right: var(--xyc-offset);
    border-top: var(--xyc-thickness) solid currentColor;
    border-right: var(--xyc-thickness) solid currentColor;
}

.xyc-corner--bl {
    color: var(--xyc-color-bl);
    bottom: var(--xyc-offset);
    left: var(--xyc-offset);
    border-bottom: var(--xyc-thickness) solid currentColor;
    border-left: var(--xyc-thickness) solid currentColor;
}

.xyc-corner--br {
    color: var(--xyc-color-br);
    right: var(--xyc-offset);
    bottom: var(--xyc-offset);
    border-right: var(--xyc-thickness) solid currentColor;
    border-bottom: var(--xyc-thickness) solid currentColor;
}