.region{position:relative;--ink-field:0.37;--ink-panel:0.39;--ink-card:0.43;--ink-control:0.48;--ink:var(--ink-field)}.region,.region *,.region :after,.region :before,.region-shell{box-sizing:border-box}.region-shell{margin:0 auto}.seam-well-near{box-shadow:inset 14px 0 22px -18px rgba(0,0,0,.55),inset 0 16px 20px -18px rgba(0,0,0,.4)}.seam-plate{box-shadow:inset 1px 0 0 hsla(0,0%,100%,.12),inset 0 1px 0 hsla(0,0%,100%,.07),inset -1px 0 0 rgba(0,0,0,.4)}.seam-well-far{box-shadow:inset 20px 0 28px -20px rgba(0,0,0,.6),inset -1px 0 0 hsla(0,0%,100%,.05)}.seam-plate-only{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.07)}.elev-field{--ink:var(--ink-field)}.elev-panel{background:hsla(0,0%,100%,.04);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08);--ink:var(--ink-panel)}.elev-card{background:hsla(0,0%,100%,.1);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.26),inset 0 1px 0 hsla(0,0%,100%,.14),0 10px 24px -12px rgba(0,0,0,.55);--ink:var(--ink-card)}.elev-control{background:hsla(0,0%,100%,.16);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.3),inset 0 1px 0 hsla(0,0%,100%,.22),0 4px 12px -4px rgba(0,0,0,.5);--ink:var(--ink-control)}.ink-primary{color:hsl(var(--page-foreground))}.ink-secondary{color:hsl(var(--page-foreground)/calc(var(--ink) + (1 - var(--ink)) * .45))}.ink-tertiary{color:hsl(var(--page-foreground)/var(--ink))}.ink-hairline{background:hsl(var(--page-foreground)/var(--ink))}