.hero-solid{--hero-edge:#444;--hero-face:#111;--hero-side:#090909;border:1px solid var(--hero-edge);background:linear-gradient(145deg,var(--hero-face),var(--hero-side)80%);isolation:isolate;position:absolute;box-shadow:inset 0 1px #ffffff12,8px 12px 22px #0006}.hero-solid:before,.hero-solid:after{content:"";pointer-events:none;background:var(--hero-side);border:1px solid var(--hero-edge);position:absolute}.hero-solid:before{transform-origin:0 0;width:calc(100% + 2px);height:7px;top:100%;left:-1px;transform:skew(45deg)}.hero-solid:after{transform-origin:0 0;width:7px;height:calc(100% + 2px);top:-1px;left:100%;transform:skewY(45deg)}