.ProgressiveBlur{position:absolute;pointer-events:none;translate:0 1px;--color:#4878b9}.ProgressiveBlur.orange{--color:#af5633}.ProgressiveBlur.gradient[data-position=bottom]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to top,var(--color),transparent)}.ProgressiveBlur.gradient[data-position=top]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to bottom,var(--color),transparent)}.ProgressiveBlur[data-position=bottom]{translate:0 1px}.ProgressiveBlur[data-position=top]{translate:0 -1px}.ProgressiveBlur__layer{position:absolute;inset:0}.ProgressiveBlur[data-position=top]{left:0;right:0;height:var(--pb-size);top:0}.ProgressiveBlur[data-position=top] .ProgressiveBlur__layer:first-child{-webkit-backdrop-filter:blur(calc(1px*var(--pb-intensity)));backdrop-filter:blur(calc(1px*var(--pb-intensity)));-webkit-mask:linear-gradient(0deg,transparent 0,#000 10%,#000 30%,transparent 40%);mask:linear-gradient(0deg,transparent 0,#000 10%,#000 30%,transparent 40%)}.ProgressiveBlur[data-position=top] .ProgressiveBlur__layer:nth-child(2){-webkit-backdrop-filter:blur(calc(2px*var(--pb-intensity)));backdrop-filter:blur(calc(2px*var(--pb-intensity)));-webkit-mask:linear-gradient(0deg,transparent 10%,#000 20%,#000 40%,transparent 50%);mask:linear-gradient(0deg,transparent 10%,#000 20%,#000 40%,transparent 50%)}.ProgressiveBlur[data-position=top] .ProgressiveBlur__layer:nth-child(3){-webkit-backdrop-filter:blur(calc(4px*var(--pb-intensity)));backdrop-filter:blur(calc(4px*var(--pb-intensity)));-webkit-mask:linear-gradient(0deg,transparent 15%,#000 30%,#000 50%,transparent 60%);mask:linear-gradient(0deg,transparent 15%,#000 30%,#000 50%,transparent 60%)}.ProgressiveBlur[data-position=top] .ProgressiveBlur__layer:nth-child(4){-webkit-backdrop-filter:blur(calc(8px*var(--pb-intensity)));backdrop-filter:blur(calc(8px*var(--pb-intensity)));-webkit-mask:linear-gradient(0deg,transparent 20%,#000 40%,#000 60%,transparent 70%);mask:linear-gradient(0deg,transparent 20%,#000 40%,#000 60%,transparent 70%)}.ProgressiveBlur[data-position=top] .ProgressiveBlur__layer:nth-child(5){-webkit-backdrop-filter:blur(calc(16px*var(--pb-intensity)));backdrop-filter:blur(calc(16px*var(--pb-intensity)));-webkit-mask:linear-gradient(0deg,transparent 40%,#000 60%,#000 80%,transparent 90%);mask:linear-gradient(0deg,transparent 40%,#000 60%,#000 80%,transparent 90%)}.ProgressiveBlur[data-position=top] .ProgressiveBlur__layer:nth-child(6){-webkit-backdrop-filter:blur(calc(32px*var(--pb-intensity)));backdrop-filter:blur(calc(32px*var(--pb-intensity)));-webkit-mask:linear-gradient(0deg,transparent 60%,#000 80%,#000 100%,transparent 0);mask:linear-gradient(0deg,transparent 60%,#000 80%,#000 100%,transparent 0)}.ProgressiveBlur[data-position=top] .ProgressiveBlur__layer:nth-child(7){-webkit-backdrop-filter:blur(calc(64px*var(--pb-intensity)));backdrop-filter:blur(calc(64px*var(--pb-intensity)));-webkit-mask:linear-gradient(0deg,transparent 70%,#000 100%,#000 0,transparent 0);mask:linear-gradient(0deg,transparent 70%,#000 100%,#000 0,transparent 0)}.ProgressiveBlur[data-position=bottom]{left:0;right:0;height:var(--pb-size);bottom:0}.ProgressiveBlur[data-position=bottom] .ProgressiveBlur__layer:first-child{-webkit-backdrop-filter:blur(calc(1px*var(--pb-intensity)));backdrop-filter:blur(calc(1px*var(--pb-intensity)));-webkit-mask:linear-gradient(180deg,transparent 0,#000 10%,#000 30%,transparent 40%);mask:linear-gradient(180deg,transparent 0,#000 10%,#000 30%,transparent 40%)}.ProgressiveBlur[data-position=bottom] .ProgressiveBlur__layer:nth-child(2){-webkit-backdrop-filter:blur(calc(2px*var(--pb-intensity)));backdrop-filter:blur(calc(2px*var(--pb-intensity)));-webkit-mask:linear-gradient(180deg,transparent 10%,#000 20%,#000 40%,transparent 50%);mask:linear-gradient(180deg,transparent 10%,#000 20%,#000 40%,transparent 50%)}.ProgressiveBlur[data-position=bottom] .ProgressiveBlur__layer:nth-child(3){-webkit-backdrop-filter:blur(calc(4px*var(--pb-intensity)));backdrop-filter:blur(calc(4px*var(--pb-intensity)));-webkit-mask:linear-gradient(180deg,transparent 15%,#000 30%,#000 50%,transparent 60%);mask:linear-gradient(180deg,transparent 15%,#000 30%,#000 50%,transparent 60%)}.ProgressiveBlur[data-position=bottom] .ProgressiveBlur__layer:nth-child(4){-webkit-backdrop-filter:blur(calc(8px*var(--pb-intensity)));backdrop-filter:blur(calc(8px*var(--pb-intensity)));-webkit-mask:linear-gradient(180deg,transparent 20%,#000 40%,#000 60%,transparent 70%);mask:linear-gradient(180deg,transparent 20%,#000 40%,#000 60%,transparent 70%)}.ProgressiveBlur[data-position=bottom] .ProgressiveBlur__layer:nth-child(5){-webkit-backdrop-filter:blur(calc(16px*var(--pb-intensity)));backdrop-filter:blur(calc(16px*var(--pb-intensity)));-webkit-mask:linear-gradient(180deg,transparent 40%,#000 60%,#000 80%,transparent 90%);mask:linear-gradient(180deg,transparent 40%,#000 60%,#000 80%,transparent 90%)}.ProgressiveBlur[data-position=bottom] .ProgressiveBlur__layer:nth-child(6){-webkit-backdrop-filter:blur(calc(32px*var(--pb-intensity)));backdrop-filter:blur(calc(32px*var(--pb-intensity)));-webkit-mask:linear-gradient(180deg,transparent 60%,#000 80%,#000 100%,transparent 0);mask:linear-gradient(180deg,transparent 60%,#000 80%,#000 100%,transparent 0)}.ProgressiveBlur[data-position=bottom] .ProgressiveBlur__layer:nth-child(7){-webkit-backdrop-filter:blur(calc(64px*var(--pb-intensity)));backdrop-filter:blur(calc(64px*var(--pb-intensity)));-webkit-mask:linear-gradient(180deg,transparent 70%,#000 100%,#000 0,transparent 0);mask:linear-gradient(180deg,transparent 70%,#000 100%,#000 0,transparent 0)}.ProgressiveBlur[data-position=left]{top:0;bottom:0;width:var(--pb-size);left:0}.ProgressiveBlur[data-position=left] .ProgressiveBlur__layer:first-child{-webkit-backdrop-filter:blur(calc(1px*var(--pb-intensity)));backdrop-filter:blur(calc(1px*var(--pb-intensity)));-webkit-mask:linear-gradient(270deg,transparent 0,#000 10%,#000 30%,transparent 40%);mask:linear-gradient(270deg,transparent 0,#000 10%,#000 30%,transparent 40%)}.ProgressiveBlur[data-position=left] .ProgressiveBlur__layer:nth-child(2){-webkit-backdrop-filter:blur(calc(2px*var(--pb-intensity)));backdrop-filter:blur(calc(2px*var(--pb-intensity)));-webkit-mask:linear-gradient(270deg,transparent 10%,#000 20%,#000 40%,transparent 50%);mask:linear-gradient(270deg,transparent 10%,#000 20%,#000 40%,transparent 50%)}.ProgressiveBlur[data-position=left] .ProgressiveBlur__layer:nth-child(3){-webkit-backdrop-filter:blur(calc(4px*var(--pb-intensity)));backdrop-filter:blur(calc(4px*var(--pb-intensity)));-webkit-mask:linear-gradient(270deg,transparent 15%,#000 30%,#000 50%,transparent 60%);mask:linear-gradient(270deg,transparent 15%,#000 30%,#000 50%,transparent 60%)}.ProgressiveBlur[data-position=left] .ProgressiveBlur__layer:nth-child(4){-webkit-backdrop-filter:blur(calc(8px*var(--pb-intensity)));backdrop-filter:blur(calc(8px*var(--pb-intensity)));-webkit-mask:linear-gradient(270deg,transparent 20%,#000 40%,#000 60%,transparent 70%);mask:linear-gradient(270deg,transparent 20%,#000 40%,#000 60%,transparent 70%)}.ProgressiveBlur[data-position=left] .ProgressiveBlur__layer:nth-child(5){-webkit-backdrop-filter:blur(calc(16px*var(--pb-intensity)));backdrop-filter:blur(calc(16px*var(--pb-intensity)));-webkit-mask:linear-gradient(270deg,transparent 40%,#000 60%,#000 80%,transparent 90%);mask:linear-gradient(270deg,transparent 40%,#000 60%,#000 80%,transparent 90%)}.ProgressiveBlur[data-position=left] .ProgressiveBlur__layer:nth-child(6){-webkit-backdrop-filter:blur(calc(32px*var(--pb-intensity)));backdrop-filter:blur(calc(32px*var(--pb-intensity)));-webkit-mask:linear-gradient(270deg,transparent 60%,#000 80%,#000 100%,transparent 0);mask:linear-gradient(270deg,transparent 60%,#000 80%,#000 100%,transparent 0)}.ProgressiveBlur[data-position=left] .ProgressiveBlur__layer:nth-child(7){-webkit-backdrop-filter:blur(calc(64px*var(--pb-intensity)));backdrop-filter:blur(calc(64px*var(--pb-intensity)));-webkit-mask:linear-gradient(270deg,transparent 70%,#000 100%,#000 0,transparent 0);mask:linear-gradient(270deg,transparent 70%,#000 100%,#000 0,transparent 0)}.ProgressiveBlur[data-position=right]{top:0;bottom:0;width:var(--pb-size);right:0}.ProgressiveBlur[data-position=right] .ProgressiveBlur__layer:first-child{-webkit-backdrop-filter:blur(calc(1px*var(--pb-intensity)));backdrop-filter:blur(calc(1px*var(--pb-intensity)));-webkit-mask:linear-gradient(90deg,transparent 0,#000 10%,#000 30%,transparent 40%);mask:linear-gradient(90deg,transparent 0,#000 10%,#000 30%,transparent 40%)}.ProgressiveBlur[data-position=right] .ProgressiveBlur__layer:nth-child(2){-webkit-backdrop-filter:blur(calc(2px*var(--pb-intensity)));backdrop-filter:blur(calc(2px*var(--pb-intensity)));-webkit-mask:linear-gradient(90deg,transparent 10%,#000 20%,#000 40%,transparent 50%);mask:linear-gradient(90deg,transparent 10%,#000 20%,#000 40%,transparent 50%)}.ProgressiveBlur[data-position=right] .ProgressiveBlur__layer:nth-child(3){-webkit-backdrop-filter:blur(calc(4px*var(--pb-intensity)));backdrop-filter:blur(calc(4px*var(--pb-intensity)));-webkit-mask:linear-gradient(90deg,transparent 15%,#000 30%,#000 50%,transparent 60%);mask:linear-gradient(90deg,transparent 15%,#000 30%,#000 50%,transparent 60%)}.ProgressiveBlur[data-position=right] .ProgressiveBlur__layer:nth-child(4){-webkit-backdrop-filter:blur(calc(8px*var(--pb-intensity)));backdrop-filter:blur(calc(8px*var(--pb-intensity)));-webkit-mask:linear-gradient(90deg,transparent 20%,#000 40%,#000 60%,transparent 70%);mask:linear-gradient(90deg,transparent 20%,#000 40%,#000 60%,transparent 70%)}.ProgressiveBlur[data-position=right] .ProgressiveBlur__layer:nth-child(5){-webkit-backdrop-filter:blur(calc(16px*var(--pb-intensity)));backdrop-filter:blur(calc(16px*var(--pb-intensity)));-webkit-mask:linear-gradient(90deg,transparent 40%,#000 60%,#000 80%,transparent 90%);mask:linear-gradient(90deg,transparent 40%,#000 60%,#000 80%,transparent 90%)}.ProgressiveBlur[data-position=right] .ProgressiveBlur__layer:nth-child(6){-webkit-backdrop-filter:blur(calc(32px*var(--pb-intensity)));backdrop-filter:blur(calc(32px*var(--pb-intensity)));-webkit-mask:linear-gradient(90deg,transparent 60%,#000 80%,#000 100%,transparent 0);mask:linear-gradient(90deg,transparent 60%,#000 80%,#000 100%,transparent 0)}.ProgressiveBlur[data-position=right] .ProgressiveBlur__layer:nth-child(7){-webkit-backdrop-filter:blur(calc(64px*var(--pb-intensity)));backdrop-filter:blur(calc(64px*var(--pb-intensity)));-webkit-mask:linear-gradient(90deg,transparent 70%,#000 100%,#000 0,transparent 0);mask:linear-gradient(90deg,transparent 70%,#000 100%,#000 0,transparent 0)}