.notched-box{--border-width:3px;--border-color:#1a1a1a;--fill-color:#3b82f6;--notch-width:25%;--notch-height:15%;--border-radius:12px;display:inline-block;min-width:200px;min-height:100px;background:var(--border-color);padding:var(--border-width);border-radius:var(--border-radius)}.notched-box,.notched-box:before{clip-path:polygon(0 0,calc(100% - var(--notch-width)) 0,calc(100% - var(--notch-width) / 2) var(--notch-height),100% var(--notch-height),100% 100%,0 100%)}.notched-box:before{content:"";position:absolute;top:var(--border-width);left:var(--border-width);right:var(--border-width);bottom:var(--border-width);background:var(--fill-color);z-index:-1;border-radius:calc(var(--border-radius) - var(--border-width))}.notched-box{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;padding:1.5rem;position:relative;z-index:1}