.hbg-layer{z-index:0;pointer-events:none;opacity:var(--hbg-opacity,1);--hbg-bleed:3%;--hbg-bleed-ratio:1.06;--hbg-unit:min(100cqw, 100cqh);--hbg-clear-d:calc(var(--hbg-clear-r,34) * .02 * var(--hbg-unit));--hbg-shape-w:calc(1 + (var(--hbg-clear-aspect,50) - 50) / 50 * .5);--hbg-shape-h:calc(2 - var(--hbg-shape-w));--hbg-feather-len:min(calc(var(--hbg-clear-feather,26) * .01 * var(--hbg-unit)), calc(var(--hbg-clear-d) * .34));--hbg-clear-w:calc(var(--hbg-clear-d) * 1.35 * var(--hbg-shape-w));--hbg-clear-h:calc(var(--hbg-clear-d) * .86 * var(--hbg-shape-h));--hbg-pos-x:calc(var(--hbg-fx,50) * 1%);--hbg-pos-y:calc(var(--hbg-fy,50) * 1%);--hbg-box-w:calc(100cqw * var(--hbg-bleed-ratio));--hbg-box-h:calc(100cqh * var(--hbg-bleed-ratio));--hbg-img-w:max(calc(var(--hbg-box-w) * 100 / var(--hbg-crop-w,100)), calc(var(--hbg-crop-r,1) * var(--hbg-box-h) * 100 / var(--hbg-crop-h,100)));--hbg-img-h:calc(var(--hbg-img-w) / var(--hbg-crop-r,1));--hbg-crop-render-w:calc(var(--hbg-img-w) * var(--hbg-crop-w,100) * .01);--hbg-crop-render-h:calc(var(--hbg-img-h) * var(--hbg-crop-h,100) * .01);--hbg-img-x:calc(calc(var(--hbg-fx,50) * .01) * (var(--hbg-box-w) - var(--hbg-crop-render-w)) - calc(var(--hbg-img-w) * var(--hbg-crop-x,0) * .01));--hbg-img-y:calc(calc(var(--hbg-fy,50) * .01) * (var(--hbg-box-h) - var(--hbg-crop-render-h)) - calc(var(--hbg-img-h) * var(--hbg-crop-y,0) * .01));--hbg-clear-shift-x:calc(var(--hbg-clear-off-x,0) * .01 * var(--hbg-unit));--hbg-clear-shift-y:calc(var(--hbg-clear-off-y,0) * .01 * var(--hbg-unit));--hbg-clear-pos-x:calc(var(--hbg-pos-x) + var(--hbg-clear-shift-x));--hbg-clear-pos-y:calc(var(--hbg-pos-y) + var(--hbg-clear-shift-y));background-color:#fff;position:absolute;inset:0;overflow:hidden;container-type:size}.hbg-layer .hbg-base{inset:calc(-1 * var(--hbg-bleed));background-image:var(--hbg-image);background-repeat:no-repeat;background-size:cover;background-position:var(--hbg-pos-x) var(--hbg-pos-y);filter:blur(calc(var(--hbg-blur,18px) * .5));position:absolute}.hbg-layer .hbg-photo{inset:calc(-1 * var(--hbg-bleed));background-image:var(--hbg-image);background-repeat:no-repeat;background-size:cover;background-position:var(--hbg-pos-x) var(--hbg-pos-y);position:absolute}.hbg-layer .hbg-photo--blur{filter:blur(var(--hbg-blur,18px)) var(--hbg-filter,none)}.hbg-layer .hbg-photo--sharp{filter:var(--hbg-filter,none);--hbg-mask-w:calc(var(--hbg-clear-w) + var(--hbg-feather-len) * 2);--hbg-mask-h:calc(var(--hbg-clear-h) + var(--hbg-feather-len) * 2);--hbg-mask-sq:calc(max(var(--hbg-clear-w), var(--hbg-clear-h)) * 1.41421 + var(--hbg-feather-len) * 2);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:var(--hbg-clear-pos-x) var(--hbg-clear-pos-y);-webkit-mask-position:var(--hbg-clear-pos-x) var(--hbg-clear-pos-y);mask-position:var(--hbg-clear-pos-x) var(--hbg-clear-pos-y);-webkit-mask-image:radial-gradient(closest-side, #000 calc(100% - var(--hbg-feather-len)), transparent 100%);-webkit-mask-image:radial-gradient(closest-side, #000 calc(100% - var(--hbg-feather-len)), transparent 100%);mask-image:radial-gradient(closest-side, #000 calc(100% - var(--hbg-feather-len)), transparent 100%)}.hbg-layer[data-shape=ellipse] .hbg-photo--sharp{-webkit-mask-size:var(--hbg-mask-w) var(--hbg-mask-h);-webkit-mask-size:var(--hbg-mask-w) var(--hbg-mask-h);mask-size:var(--hbg-mask-w) var(--hbg-mask-h)}.hbg-layer[data-shape=circle] .hbg-photo--sharp{--hbg-clear-w:calc(var(--hbg-clear-d) * var(--hbg-shape-w));--hbg-clear-h:calc(var(--hbg-clear-d) * var(--hbg-shape-h));-webkit-mask-size:var(--hbg-mask-w) var(--hbg-mask-h);-webkit-mask-size:var(--hbg-mask-w) var(--hbg-mask-h);mask-size:var(--hbg-mask-w) var(--hbg-mask-h)}.hbg-layer[data-shape=rect] .hbg-photo--sharp{--hbg-clear-w:calc(var(--hbg-clear-d) * 1.7 * var(--hbg-shape-w));--hbg-clear-h:calc(var(--hbg-clear-d) * .95 * var(--hbg-shape-h));-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--hbg-feather-len), #000 calc(100% - var(--hbg-feather-len)), transparent 100%), linear-gradient(to bottom, transparent 0, #000 var(--hbg-feather-len), #000 calc(100% - var(--hbg-feather-len)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--hbg-feather-len), #000 calc(100% - var(--hbg-feather-len)), transparent 100%), linear-gradient(to bottom, transparent 0, #000 var(--hbg-feather-len), #000 calc(100% - var(--hbg-feather-len)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--hbg-feather-len), #000 calc(100% - var(--hbg-feather-len)), transparent 100%), linear-gradient(to bottom, transparent 0, #000 var(--hbg-feather-len), #000 calc(100% - var(--hbg-feather-len)), transparent 100%);-webkit-mask-size:var(--hbg-mask-w) var(--hbg-mask-h), var(--hbg-mask-w) var(--hbg-mask-h);-webkit-mask-size:var(--hbg-mask-w) var(--hbg-mask-h), var(--hbg-mask-w) var(--hbg-mask-h);mask-size:var(--hbg-mask-w) var(--hbg-mask-h), var(--hbg-mask-w) var(--hbg-mask-h);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}.hbg-layer[data-shape=none] .hbg-photo--sharp{display:none}.hbg-layer .hbg-glass{-webkit-backdrop-filter:blur(14px)saturate(150%)brightness(108%);backdrop-filter:blur(14px)saturate(150%)brightness(108%);background:#ffffff1f;display:none;position:absolute;inset:0}.hbg-layer[data-glass=true] .hbg-glass{display:block}.hbg-layer[data-glass=true] .hbg-photo--blur{filter:blur(calc(var(--hbg-blur,18px) * 1.35)) var(--hbg-filter,none)}.hbg-layer .hbg-liquid{mix-blend-mode:screen;opacity:.85;filter:blur(26px)saturate(120%);background:radial-gradient(60% 45% at 20% 16%,#7ac4ff6b,#0000 62%),radial-gradient(55% 42% at 80% 84%,#ff98d657,#0000 64%),linear-gradient(118deg,#ffffff42 0%,#fff0 34%,#fff3 58%,#fff0 100%);display:none;position:absolute;inset:0}.hbg-layer[data-liquid=true] .hbg-liquid{display:block}.hbg-layer[data-liquid=true] .hbg-photo--blur{filter:blur(calc(var(--hbg-blur,18px) * 1.5)) var(--hbg-filter,none)}.hbg-layer .hbg-vignette{background:radial-gradient(ellipse 78% 68% at var(--hbg-clear-pos-x) var(--hbg-clear-pos-y), #0000 42%, #0000009e 100%);display:none;position:absolute;inset:0}.hbg-layer[data-vignette=true] .hbg-vignette{display:block}.hbg-layer .hbg-glow{mix-blend-mode:soft-light;background:radial-gradient(ellipse 78% 68% at var(--hbg-clear-pos-x) var(--hbg-clear-pos-y), #fff0 38%, #ffffff57 70%, #ffffffd1 100%);display:none;position:absolute;inset:0}.hbg-layer[data-glow=true] .hbg-glow{display:block}.hbg-layer .hbg-bloom{inset:calc(-1 * var(--hbg-bleed));background-image:var(--hbg-image);background-repeat:no-repeat;background-size:cover;background-position:var(--hbg-pos-x) var(--hbg-pos-y);filter:blur(46px)saturate(135%)brightness(116%);mix-blend-mode:screen;opacity:.4;display:none;position:absolute}.hbg-layer[data-bloom=true] .hbg-bloom{display:block}.hbg-layer[data-crop=true] .hbg-base,.hbg-layer[data-crop=true] .hbg-photo,.hbg-layer[data-crop=true] .hbg-bloom{background-size:var(--hbg-img-w) var(--hbg-img-h);background-position:var(--hbg-img-x) var(--hbg-img-y)}.hbg-layer .hbg-warmth{pointer-events:none;background:rgba(var(--hbg-warmth-color,255, 152, 74), var(--hbg-warmth-alpha,0));mix-blend-mode:soft-light;position:absolute;inset:0}.hbg-layer[data-clear-mask=true]:not([data-shape=lasso]) .hbg-photo--sharp{-webkit-mask-image:var(--hbg-clear-mask);-webkit-mask-image:var(--hbg-clear-mask);mask-image:var(--hbg-clear-mask);-webkit-mask-size:var(--hbg-mask-sq) var(--hbg-mask-sq);-webkit-mask-size:var(--hbg-mask-sq) var(--hbg-mask-sq);mask-size:var(--hbg-mask-sq) var(--hbg-mask-sq);-webkit-mask-position:var(--hbg-clear-pos-x) var(--hbg-clear-pos-y);-webkit-mask-position:var(--hbg-clear-pos-x) var(--hbg-clear-pos-y);mask-position:var(--hbg-clear-pos-x) var(--hbg-clear-pos-y)}.hbg-layer[data-clear-mask=true][data-shape=lasso] .hbg-photo--sharp{-webkit-mask-image:var(--hbg-clear-mask);-webkit-mask-image:var(--hbg-clear-mask);mask-image:var(--hbg-clear-mask);-webkit-mask-size:calc(100% / var(--hbg-bleed-ratio)) calc(100% / var(--hbg-bleed-ratio));-webkit-mask-size:calc(100% / var(--hbg-bleed-ratio)) calc(100% / var(--hbg-bleed-ratio));mask-size:calc(100% / var(--hbg-bleed-ratio)) calc(100% / var(--hbg-bleed-ratio));-webkit-mask-position:calc(50% + var(--hbg-clear-shift-x)) calc(50% + var(--hbg-clear-shift-y));-webkit-mask-position:calc(50% + var(--hbg-clear-shift-x)) calc(50% + var(--hbg-clear-shift-y));mask-position:calc(50% + var(--hbg-clear-shift-x)) calc(50% + var(--hbg-clear-shift-y))}.hbg-reveal{transform-origin:50%;position:absolute;inset:0}.hbg-reveal[data-reveal=veil]{opacity:0;transition:opacity .34s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);transform:scale(1.06)}.hbg-reveal[data-reveal=boot]{opacity:1;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.7s cubic-bezier(.16,1,.3,1);transform:none}.hbg-reveal[data-reveal=swap]{opacity:1;transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .95s cubic-bezier(.22,1,.36,1);transform:none}.hbg-reveal[data-reveal=boot],.hbg-reveal[data-reveal=swap]{will-change:opacity, transform}.hbg-reveal[data-reveal=settled]{opacity:1;transform:none}.hbg-reveal[data-reveal=veil] .hbg-base,.hbg-reveal[data-reveal=veil] .hbg-photo--blur,.hbg-reveal[data-reveal=veil] .hbg-bloom,.hbg-reveal[data-reveal=veil] .hbg-warmth,.hbg-reveal[data-reveal=veil] .hbg-vignette,.hbg-reveal[data-reveal=veil] .hbg-glow,.hbg-reveal[data-reveal=veil] .hbg-photo--sharp,.hbg-reveal[data-reveal=veil] .hbg-glass,.hbg-reveal[data-reveal=veil] .hbg-liquid{opacity:0;transition:opacity .2s linear}.hbg-reveal[data-reveal=boot] .hbg-base,.hbg-reveal[data-reveal=boot] .hbg-photo--blur,.hbg-reveal[data-reveal=boot] .hbg-bloom{opacity:1;transition:opacity .85s cubic-bezier(.16,1,.3,1) 40ms}.hbg-reveal[data-reveal=boot] .hbg-warmth,.hbg-reveal[data-reveal=boot] .hbg-vignette,.hbg-reveal[data-reveal=boot] .hbg-glow{opacity:1;transition:opacity .85s cubic-bezier(.16,1,.3,1) .14s}.hbg-reveal[data-reveal=boot] .hbg-photo--sharp,.hbg-reveal[data-reveal=boot] .hbg-glass,.hbg-reveal[data-reveal=boot] .hbg-liquid{opacity:1;transition:opacity .95s cubic-bezier(.16,1,.3,1) .26s}.hbg-reveal[data-reveal=swap] .hbg-base,.hbg-reveal[data-reveal=swap] .hbg-photo--blur,.hbg-reveal[data-reveal=swap] .hbg-bloom{opacity:1;transition:opacity .46s cubic-bezier(.22,1,.36,1)}.hbg-reveal[data-reveal=swap] .hbg-warmth,.hbg-reveal[data-reveal=swap] .hbg-vignette,.hbg-reveal[data-reveal=swap] .hbg-glow{opacity:1;transition:opacity .46s cubic-bezier(.22,1,.36,1) 50ms}.hbg-reveal[data-reveal=swap] .hbg-photo--sharp,.hbg-reveal[data-reveal=swap] .hbg-glass,.hbg-reveal[data-reveal=swap] .hbg-liquid{opacity:1;transition:opacity .5s cubic-bezier(.22,1,.36,1) .1s}.hbg-reveal[data-reveal=boot] .hbg-bloom,.hbg-reveal[data-reveal=swap] .hbg-bloom{opacity:.4}
