/* Personalizzato — dimensioni libere. */

.tpl-custom {
    background: #111827;
    color: #fff;
    font-family: 'Inter', system-ui, sans-serif;
}

.cu-bg,
.cu-layer,
.cu-texture {
    position: absolute;
    inset: 0;
}

.cu-texture {
    background-position: center;
    background-size: cover;
    mix-blend-mode: soft-light;
    pointer-events: none;
}

.cu-fill {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.cu-art-wrap {
    position: absolute;
    overflow: hidden;
}

/* Con l'illustrazione dietro all'immagine di sfondo, i clic passano all'illustrazione. */
.cu-layer.is-passthrough,
.cu-layer.is-passthrough * { pointer-events: none; }

.cu-frame {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    pointer-events: none;
}

.cu-border {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
}

svg.cu-border {
    width: 100%;
    height: 100%;
}