.frame{--vig-side:clamp(40px,10vw,190px);--vig-top:clamp(56px,calc(var(--stable-lvh) * .11),190px);--vig-bottom:clamp(72px,calc(var(--stable-lvh) * .16),260px);--vig-ink:var(--ink);--vig-a-side:11%;--vig-a-top:13%;--vig-a-bottom:16%;position:fixed;inset:0;z-index:50;pointer-events:none;user-select:none}.frame--local{position:absolute;z-index:0}.frame:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--vig-ink) var(--vig-a-top),transparent) 0,color-mix(in srgb,var(--vig-ink) calc(var(--vig-a-top) * .56),transparent) 20%,color-mix(in srgb,var(--vig-ink) calc(var(--vig-a-top) * .28),transparent) 42%,color-mix(in srgb,var(--vig-ink) calc(var(--vig-a-top) * .11),transparent) 64%,color-mix(in srgb,var(--vig-ink) calc(var(--vig-a-top) * .03),transparent) 84%,transparent 100%),linear-gradient(to top,color-mix(in srgb,var(--vig-ink) var(--vig-a-bottom),transparent) 0,color-mix(in srgb,var(--vig-ink) calc(var(--vig-a-bottom) * .56),transparent) 20%,color-mix(in srgb,var(--vig-ink) calc(var(--vig-a-bottom) * .28),transparent) 42%,color-mix(in srgb,var(--vig-ink) calc(var(--vig-a-bottom) * .11),transparent) 64%,color-mix(in srgb,var(--vig-ink) calc(var(--vig-a-bottom) * .03),transparent) 84%,transparent 100%),linear-gradient(to right,color-mix(in srgb,var(--vig-ink) var(--vig-a-side),transparent) 0,color-mix(in srgb,var(--vig-ink) calc(var(--vig-a-side) * .56),transparent) 20%,color-mix(in srgb,var(--vig-ink) calc(var(--vig-a-side) * .28),transparent) 42%,color-mix(in srgb,var(--vig-ink) calc(var(--vig-a-side) * .11),transparent) 64%,color-mix(in srgb,var(--vig-ink) calc(var(--vig-a-side) * .03),transparent) 84%,transparent 100%),linear-gradient(to left,color-mix(in srgb,var(--vig-ink) var(--vig-a-side),transparent) 0,color-mix(in srgb,var(--vig-ink) calc(var(--vig-a-side) * .56),transparent) 20%,color-mix(in srgb,var(--vig-ink) calc(var(--vig-a-side) * .28),transparent) 42%,color-mix(in srgb,var(--vig-ink) calc(var(--vig-a-side) * .11),transparent) 64%,color-mix(in srgb,var(--vig-ink) calc(var(--vig-a-side) * .03),transparent) 84%,transparent 100%);background-repeat:no-repeat;background-size:100% var(--vig-top),100% var(--vig-bottom),var(--vig-side) 100%,var(--vig-side) 100%;background-position:top left,bottom left,left top,right top}.frame:after{content:"";position:absolute;inset:0;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");-webkit-mask-image:linear-gradient(to bottom,#000 0,transparent 100%),linear-gradient(to top,#000 0,transparent 100%),linear-gradient(to right,#000 0,transparent 100%),linear-gradient(to left,#000 0,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,transparent 100%),linear-gradient(to top,#000 0,transparent 100%),linear-gradient(to right,#000 0,transparent 100%),linear-gradient(to left,#000 0,transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% var(--vig-top),100% var(--vig-bottom),var(--vig-side) 100%,var(--vig-side) 100%;mask-size:100% var(--vig-top),100% var(--vig-bottom),var(--vig-side) 100%,var(--vig-side) 100%;-webkit-mask-position:top left,bottom left,left top,right top;mask-position:top left,bottom left,left top,right top}@media (max-width:900px){.frame{--vig-side:22px;--vig-a-side:7%;--vig-top:clamp(44px,calc(var(--stable-lvh) * .08),110px);--vig-bottom:clamp(56px,calc(var(--stable-lvh) * .11),150px)}}@media (forced-colors:active){.frame{display:none}}