[data-bfbe-mask=arch]>.bfbe-bgl--mask{--bfbe-mask-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' width='1600' height='900' preserveAspectRatio='none'%3E%3Cpath d='M320 900V560a480 480 0 0 1 960 0V900Z'/%3E%3C/svg%3E")}[data-bfbe-mask=blob]>.bfbe-bgl--mask{--bfbe-mask-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' width='1600' height='900' preserveAspectRatio='none'%3E%3Cpath d='M1600 0H980c-30 120 20 250 160 300s250 40 330 160c40 60 80 80 130 90Z'/%3E%3C/svg%3E")}[data-bfbe-mask=diagonal]>.bfbe-bgl--mask{--bfbe-mask-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' width='1600' height='900' preserveAspectRatio='none'%3E%3Cpath d='M0 900L1600 0V900Z'/%3E%3C/svg%3E")}[data-bfbe-mask=wave]>.bfbe-bgl--mask{--bfbe-mask-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' width='1600' height='900' preserveAspectRatio='none'%3E%3Cpath d='M0 680C267 560 533 560 800 680S1333 800 1600 680V900H0Z'/%3E%3C/svg%3E")}[data-bfbe-mask=circle]>.bfbe-bgl--mask{--bfbe-mask-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' width='1600' height='900' preserveAspectRatio='none'%3E%3Ccircle cx='1180' cy='450' r='380'/%3E%3C/svg%3E")}[data-bfbe-mask=ellipse]>.bfbe-bgl--mask{--bfbe-mask-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' width='1600' height='900' preserveAspectRatio='none'%3E%3Cellipse cx='800' cy='450' rx='680' ry='300'/%3E%3C/svg%3E")}[data-bfbe-mask=half]>.bfbe-bgl--mask{--bfbe-mask-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' width='1600' height='900' preserveAspectRatio='none'%3E%3Cpath d='M0 0H860c-140 300-140 600 0 900H0Z'/%3E%3C/svg%3E")}[data-bfbe-mask=corner]>.bfbe-bgl--mask{--bfbe-mask-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' width='1600' height='900' preserveAspectRatio='none'%3E%3Cpath d='M0 0H760L0 560Z'/%3E%3C/svg%3E")}[data-bfbe-mask=pill]>.bfbe-bgl--mask{--bfbe-mask-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' width='1600' height='900' preserveAspectRatio='none'%3E%3Crect x='980' y='-180' width='360' height='1000' rx='180' transform='rotate(30 1160 320)'/%3E%3C/svg%3E")}[data-bfbe-mask=steps]>.bfbe-bgl--mask{--bfbe-mask-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' width='1600' height='900' preserveAspectRatio='none'%3E%3Cpath d='M0 900V720H400V540H800V360H1200V180H1600V900Z'/%3E%3C/svg%3E")}[data-bfbe-mask=hills]>.bfbe-bgl--mask{--bfbe-mask-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' width='1600' height='900' preserveAspectRatio='none'%3E%3Cpath d='M0 760C200 560 600 560 800 760C1000 560 1400 560 1600 760V900H0Z'/%3E%3C/svg%3E")}[data-bfbe-mask=zigzag]>.bfbe-bgl--mask{--bfbe-mask-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' width='1600' height='900' preserveAspectRatio='none'%3E%3Cpath d='M0 760L100 640 200 760 300 640 400 760 500 640 600 760 700 640 800 760 900 640 1000 760 1100 640 1200 760 1300 640 1400 760 1500 640 1600 760V900H0Z'/%3E%3C/svg%3E")}[data-bfbe-mask=bars]>.bfbe-bgl--mask{--bfbe-mask-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' width='1600' height='900' preserveAspectRatio='none'%3E%3Cpath d='M120 900L520 0H640L240 900ZM480 900L880 0H1000L600 900ZM840 900L1240 0H1360L960 900ZM1200 900L1600 0V270L1320 900Z'/%3E%3C/svg%3E")}[data-bfbe-mask=sun]>.bfbe-bgl--mask{--bfbe-mask-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' width='1600' height='900' preserveAspectRatio='none'%3E%3Cpath d='M400 0a400 400 0 0 0 800 0Z'/%3E%3C/svg%3E")}[data-bfbe-mask=rings]>.bfbe-bgl--mask{--bfbe-mask-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' width='1600' height='900' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23000' stroke-width='28'%3E%3Ccircle cy='900' r='260'/%3E%3Ccircle cy='900' r='420'/%3E%3Ccircle cy='900' r='580'/%3E%3C/g%3E%3C/svg%3E")}[data-bfbe-mask=frame]>.bfbe-bgl--mask{--bfbe-mask-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' width='1600' height='900' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H1600V900H0ZM56 56V844H1544V56Z'/%3E%3C/svg%3E")}[data-bfbe-mask=dots]>.bfbe-bgl--mask{--bfbe-mask-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900' width='1600' height='900' preserveAspectRatio='none'%3E%3Ccircle cx='1480' cy='110' r='70'/%3E%3Ccircle cx='1300' cy='90' r='44'/%3E%3Ccircle cx='1500' cy='300' r='48'/%3E%3Ccircle cx='1350' cy='250' r='30'/%3E%3Ccircle cx='1180' cy='160' r='22'/%3E%3Ccircle cx='1520' cy='460' r='26'/%3E%3Ccircle cx='1240' cy='340' r='16'/%3E%3C/svg%3E")}[data-bfbe-mask=one-circle]>.bfbe-bgl--mask{--bfbe-mask-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='100' height='100' preserveAspectRatio='none'%3E%3Ccircle cx='50' cy='50' r='50'/%3E%3C/svg%3E")}[data-bfbe-mask=one-ring]>.bfbe-bgl--mask{--bfbe-mask-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='100' height='100' preserveAspectRatio='none'%3E%3Ccircle cx='50' cy='50' r='42' fill='none' stroke='%23000' stroke-width='16'/%3E%3C/svg%3E")}[data-bfbe-mask=one-square]>.bfbe-bgl--mask{--bfbe-mask-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='100' height='100' preserveAspectRatio='none'%3E%3Crect width='100' height='100' rx='18'/%3E%3C/svg%3E")}[data-bfbe-mask=one-triangle]>.bfbe-bgl--mask{--bfbe-mask-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 87' width='100' height='87' preserveAspectRatio='none'%3E%3Cpath d='M50 0L100 87H0Z'/%3E%3C/svg%3E")}[data-bfbe-mask=one-blob]>.bfbe-bgl--mask{--bfbe-mask-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='100' height='100' preserveAspectRatio='none'%3E%3Cpath d='M55 1C77 3 97 18 99 42S89 90 63 98 13 96 4 72 2 22 22 9 41 0 55 1Z'/%3E%3C/svg%3E")}[data-bfbe-mask=one-half]>.bfbe-bgl--mask{--bfbe-mask-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50' width='100' height='50' preserveAspectRatio='none'%3E%3Cpath d='M0 50A50 50 0 0 1 100 50Z'/%3E%3C/svg%3E")}[data-bfbe-pattern=dots]>.bfbe-bgl--pattern{--bfbe-pat-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='2.5'/%3E%3C/svg%3E")}[data-bfbe-pattern=grid]>.bfbe-bgl--pattern{--bfbe-pat-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 .5H20M.5 0V20' fill='none' stroke='%23000'/%3E%3C/svg%3E")}[data-bfbe-pattern=stripes]>.bfbe-bgl--pattern{--bfbe-pat-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M-5 5L5-5M0 20L20 0M15 25L25 15' stroke='%23000' stroke-width='3'/%3E%3C/svg%3E")}[data-bfbe-pattern=checks]>.bfbe-bgl--pattern{--bfbe-pat-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 0h10v10H0zM10 10h10v10H10z'/%3E%3C/svg%3E")}[data-bfbe-pattern=waves]>.bfbe-bgl--pattern{--bfbe-pat-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 10q5-6 10 0t10 0' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E")}[data-bfbe-pattern=zigzag]>.bfbe-bgl--pattern{--bfbe-pat-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 13l5-6 5 6 5-6 5 6' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E")}[data-bfbe-pattern=triangles]>.bfbe-bgl--pattern{--bfbe-pat-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 4l6 11H4z'/%3E%3C/svg%3E")}[data-bfbe-pattern=plus]>.bfbe-bgl--pattern{--bfbe-pat-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M9 5h2v10H9zM5 9h10v2H5z'/%3E%3C/svg%3E")}[data-bfbe-pattern=diamonds]>.bfbe-bgl--pattern{--bfbe-pat-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 3l7 7-7 7-7-7z' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E")}[data-bfbe-pattern=rings]>.bfbe-bgl--pattern{--bfbe-pat-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='5.5' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E")}[data-bfbe-pattern=crosshatch]>.bfbe-bgl--pattern{--bfbe-pat-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 0l20 20M20 0L0 20' stroke='%23000'/%3E%3C/svg%3E")}[data-bfbe-pattern=scales]>.bfbe-bgl--pattern{--bfbe-pat-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 20a10 10 0 0 1 20 0M-10 10a10 10 0 0 1 20 0M10 10a10 10 0 0 1 20 0' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E")}:where([data-bfbe-mask],[data-bfbe-pattern]){position:relative;isolation:isolate}[data-bfbe-mask^=one-]{--bfbe-mask-dfit: contain;--bfbe-mask-o2d: auto}[data-bfbe-mask-repeat]{--bfbe-mask-t: calc(100% / var(--bfbe-mask-n) - var(--bfbe-mask-slack, 0px) - var(--bfbe-mask-gap, 0) / 100 * (100% / var(--bfbe-mask-n) - 100% / (var(--bfbe-mask-n) + 1) - 1.5px));--bfbe-mask-cx: var(--bfbe-mask-t) var(--bfbe-mask-o2, var(--bfbe-mask-o2d, 100%));--bfbe-mask-cy: var(--bfbe-mask-o2, var(--bfbe-mask-o2d, 100%)) var(--bfbe-mask-t);--bfbe-mask-cxy: var(--bfbe-mask-t) var(--bfbe-mask-o2, var(--bfbe-mask-o2d, var(--bfbe-mask-t)));--bfbe-mask-flow: var(--bfbe-mask-sp, var(--bfbe-mask-rep, space))}.bfbe-bgl{position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit}.bfbe-bgl--mask{--s: var(--bfbe-mask-fit, var(--bfbe-mask-dfit, 100% 100%));--r: no-repeat;--p: calc(var(--bfbe-mask-ax, 50%) + var(--bfbe-mask-mx, 0px)) calc(var(--bfbe-mask-ay, 50%) + var(--bfbe-mask-my, 0px));background-color:var(--bfbe-mask-c, color-mix(in srgb, currentColor 10%, transparent));opacity:calc(var(--bfbe-mask-op, 100) / 100);-webkit-mask-image:var(--bfbe-mask-i);mask-image:var(--bfbe-mask-i);-webkit-mask-size:var(--s);mask-size:var(--s);-webkit-mask-repeat:var(--r);mask-repeat:var(--r);-webkit-mask-position:var(--p);mask-position:var(--p);mix-blend-mode:var(--bfbe-mask-blend, normal)}[data-bfbe-mask-repeat=x]>.bfbe-bgl--mask{--p: 0% calc(var(--bfbe-mask-ay, 50%) + var(--bfbe-mask-my, 0px));--s: var(--bfbe-mask-cx, var(--bfbe-mask-fit, var(--bfbe-mask-dfit, 100% 100%)));--r: var(--bfbe-mask-flow) no-repeat}[data-bfbe-mask-repeat=y]>.bfbe-bgl--mask{--p: calc(var(--bfbe-mask-ax, 50%) + var(--bfbe-mask-mx, 0px)) 0%;--s: var(--bfbe-mask-cy, var(--bfbe-mask-fit, var(--bfbe-mask-dfit, 100% 100%)));--r: no-repeat var(--bfbe-mask-flow)}[data-bfbe-mask-repeat=xy]>.bfbe-bgl--mask{--p: 0% 0%;--s: var(--bfbe-mask-cxy, var(--bfbe-mask-fit, var(--bfbe-mask-dfit, 100% 100%)));--r: var(--bfbe-mask-flow)}[data-bfbe-mask-flip=x]>.bfbe-bgl--mask{transform:scaleX(-1)}[data-bfbe-mask-flip=y]>.bfbe-bgl--mask{transform:scaleY(-1)}[data-bfbe-mask-flip=xy]>.bfbe-bgl--mask{transform:scale(-1)}[data-bfbe-mask-invert]>.bfbe-bgl--mask{-webkit-mask-image:var(--bfbe-mask-i),linear-gradient(#000 0 0);mask-image:var(--bfbe-mask-i),linear-gradient(#000 0 0);-webkit-mask-size:var(--s),100% 100%;mask-size:var(--s),100% 100%;-webkit-mask-repeat:var(--r),no-repeat;mask-repeat:var(--r),no-repeat;-webkit-mask-position:var(--p),center;mask-position:var(--p),center;-webkit-mask-composite:xor;mask-composite:exclude}.bfbe-bgl--pattern{--bfbe-pat-fade: linear-gradient(#000 0 0);background-color:var(--bfbe-pat-c, color-mix(in srgb, currentColor 14%, transparent));opacity:calc(var(--bfbe-pat-op, 100) / 100);-webkit-mask-image:var(--bfbe-pat-i),var(--bfbe-pat-fade);mask-image:var(--bfbe-pat-i),var(--bfbe-pat-fade);-webkit-mask-size:var(--bfbe-pat-s, 24px) var(--bfbe-pat-s, 24px),100% 100%;mask-size:var(--bfbe-pat-s, 24px) var(--bfbe-pat-s, 24px),100% 100%;-webkit-mask-repeat:repeat,no-repeat;mask-repeat:repeat,no-repeat;-webkit-mask-position:var(--bfbe-pat-mx, 0px) var(--bfbe-pat-my, 0px),center;mask-position:var(--bfbe-pat-mx, 0px) var(--bfbe-pat-my, 0px),center;-webkit-mask-composite:source-in;mask-composite:intersect;mix-blend-mode:var(--bfbe-pat-blend, normal)}[data-bfbe-pattern-fade=top]>.bfbe-bgl--pattern{--bfbe-pat-fade: linear-gradient(to top, #000, transparent)}[data-bfbe-pattern-fade=bottom]>.bfbe-bgl--pattern{--bfbe-pat-fade: linear-gradient(to bottom, #000, transparent)}[data-bfbe-pattern-fade=left]>.bfbe-bgl--pattern{--bfbe-pat-fade: linear-gradient(to left, #000, transparent)}[data-bfbe-pattern-fade=right]>.bfbe-bgl--pattern{--bfbe-pat-fade: linear-gradient(to right, #000, transparent)}[data-bfbe-pattern-fade=edges]>.bfbe-bgl--pattern{--bfbe-pat-fade: radial-gradient(closest-side, #000 35%, transparent)}[data-bfbe-pattern-fade=centre]>.bfbe-bgl--pattern{--bfbe-pat-fade: radial-gradient(closest-side, transparent 30%, #000)}