@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.hb{--hb-size: 22vh;--hb-base: 2.5px;position:fixed;left:0;right:0;height:var(--hb-size);z-index:500;pointer-events:none}.hb--top{top:0;--hb-size: var(--hb-size-top, 16vh);--hb-base: var(--hb-base-top, 3px);background:linear-gradient(to bottom,var(--color-background) 0%,rgba(var(--color-background-rgb),.86) 30%,rgba(var(--color-background-rgb),.46) 64%,rgba(var(--color-background-rgb),0) 100%)}.hb--bottom{bottom:0;--hb-size: var(--hb-size-bottom, 12vh);--hb-base: var(--hb-base-bottom, 1.25px);background:linear-gradient(to top,rgba(var(--color-background-rgb),.92),rgba(var(--color-background-rgb),.6) 38%,rgba(var(--color-background-rgb),.28) 70%,rgba(var(--color-background-rgb),0))}.hb__layer{position:absolute;top:0;right:0;bottom:0;left:0}.hb__layer:nth-child(1){-webkit-backdrop-filter:blur(var(--hb-base));backdrop-filter:blur(var(--hb-base))}.hb__layer:nth-child(2){-webkit-backdrop-filter:blur(calc(var(--hb-base) * 2));backdrop-filter:blur(calc(var(--hb-base) * 2))}.hb__layer:nth-child(3){-webkit-backdrop-filter:blur(calc(var(--hb-base) * 4));backdrop-filter:blur(calc(var(--hb-base) * 4))}.hb__layer:nth-child(4){-webkit-backdrop-filter:blur(calc(var(--hb-base) * 8));backdrop-filter:blur(calc(var(--hb-base) * 8))}.hb__layer:nth-child(5){-webkit-backdrop-filter:blur(calc(var(--hb-base) * 16));backdrop-filter:blur(calc(var(--hb-base) * 16))}.hb--top .hb__layer:nth-child(1){-webkit-mask-image:linear-gradient(to top,transparent 0%,#000 20%);mask-image:linear-gradient(to top,transparent 0%,#000 20%)}.hb--top .hb__layer:nth-child(2){-webkit-mask-image:linear-gradient(to top,transparent 20%,#000 40%);mask-image:linear-gradient(to top,transparent 20%,#000 40%)}.hb--top .hb__layer:nth-child(3){-webkit-mask-image:linear-gradient(to top,transparent 40%,#000 60%);mask-image:linear-gradient(to top,transparent 40%,#000 60%)}.hb--top .hb__layer:nth-child(4){-webkit-mask-image:linear-gradient(to top,transparent 60%,#000 80%);mask-image:linear-gradient(to top,transparent 60%,#000 80%)}.hb--top .hb__layer:nth-child(5){-webkit-mask-image:linear-gradient(to top,transparent 80%,#000 100%);mask-image:linear-gradient(to top,transparent 80%,#000 100%)}.hb--bottom .hb__layer:nth-child(1){-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 20%);mask-image:linear-gradient(to bottom,transparent 0%,#000 20%)}.hb--bottom .hb__layer:nth-child(2){-webkit-mask-image:linear-gradient(to bottom,transparent 20%,#000 40%);mask-image:linear-gradient(to bottom,transparent 20%,#000 40%)}.hb--bottom .hb__layer:nth-child(3){-webkit-mask-image:linear-gradient(to bottom,transparent 40%,#000 60%);mask-image:linear-gradient(to bottom,transparent 40%,#000 60%)}.hb--bottom .hb__layer:nth-child(4){-webkit-mask-image:linear-gradient(to bottom,transparent 60%,#000 80%);mask-image:linear-gradient(to bottom,transparent 60%,#000 80%)}.hb--bottom .hb__layer:nth-child(5){-webkit-mask-image:linear-gradient(to bottom,transparent 80%,#000 100%);mask-image:linear-gradient(to bottom,transparent 80%,#000 100%)}@media(prefers-reduced-transparency:reduce){.hb__layer:nth-child(n+2){display:none}.hb__layer:nth-child(1){-webkit-backdrop-filter:blur(calc(var(--hb-base) * 3));backdrop-filter:blur(calc(var(--hb-base) * 3))}}@media screen and (max-width:767px){.hb--top{--hb-size: calc(var(--hb-size-top, 16vh) * .7)}.hb--bottom{--hb-size: calc(var(--hb-size-bottom, 12vh) * .7)}.hb__layer:nth-child(n+5){display:none}}html:has(.hi-lb:not([hidden])) .hb,html.hg-live.hp-open .hb{opacity:0}html.hg-live .hb__layer{display:none}.hb{transition:opacity .3s ease}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/haiku-blur.css.map */