.sheet-foot {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 3rem 1rem 1rem;
    pointer-events: none;
}

.sheet-fade {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.sheet-fade i {
    position: absolute;
    inset: 0;
}

.sheet-fade i:nth-child(1) {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 25%, #000 55%, transparent 80%);
    mask-image: linear-gradient(to bottom, transparent, #000 25%, #000 55%, transparent 80%);
}

.sheet-fade i:nth-child(2) {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-mask-image: linear-gradient(to bottom, transparent 45%, #000 80%);
    mask-image: linear-gradient(to bottom, transparent 45%, #000 80%);
}

.sheet-fade::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgb(var(--page-rgb) / 0), rgb(var(--page-rgb) / .5) 40%, rgb(var(--page-rgb) / .88) 75%, rgb(var(--page-rgb)));
}


.sheet-foot .btn,.sheet-foot .text-button{pointer-events:auto}