.bottom-blur{z-index:30;pointer-events:none;-webkit-user-select:none;user-select:none;height:7rem;position:fixed;inset:auto 0 0}.bottom-blur>span{pointer-events:none;-webkit-backdrop-filter:blur(var(--bottom-blur-radius));backdrop-filter:blur(var(--bottom-blur-radius));-webkit-mask-image:linear-gradient(to bottom, transparent var(--bottom-blur-start), #000 var(--bottom-blur-end));mask-image:linear-gradient(to bottom, transparent var(--bottom-blur-start), #000 var(--bottom-blur-end));position:absolute;inset:0}.bottom-blur>span:first-child{--bottom-blur-radius:1px;--bottom-blur-start:0%;--bottom-blur-end:35%}.bottom-blur>span:nth-child(2){--bottom-blur-radius:2px;--bottom-blur-start:20%;--bottom-blur-end:60%}.bottom-blur>span:nth-child(3){--bottom-blur-radius:4px;--bottom-blur-start:45%;--bottom-blur-end:80%}.bottom-blur>span:nth-child(4){--bottom-blur-radius:8px;--bottom-blur-start:65%;--bottom-blur-end:100%}@media (max-width:767px){.bottom-blur{height:4.5rem}}body:has(:focus-visible) .bottom-blur{visibility:hidden}@media (prefers-reduced-transparency:reduce),(forced-colors:active),print{.bottom-blur{display:none}}