.notched-box{--border-width:1px;--gradient-start:#a4aebc;--gradient-end:#a4aebc00;--hover-mask-size:320px;display:flex;position:relative}.notched-box.dark{--gradient-start:#25292d;--gradient-end:#101215}.notched-box:before{content:"";background:linear-gradient(to left, var(--gradient-start), var(--gradient-end));clip-path:polygon(0% 0%, 100% 0%, 100% calc(100% - var(--notch-size)), calc(100% - var(--notch-size)) 100%, 0% 100%);position:absolute;inset:0}.notched-box .hover{content:" ";background:var(--mantine-color-brand-filled);clip-path:polygon(0% 0%, 100% 0%, 100% calc(100% - var(--notch-size)), calc(100% - var(--notch-size)) 100%, 0% 100%);-webkit-mask-image:radial-gradient(circle var(--hover-mask-size) at -1000px center, black 0%, transparent 100%);mask-image:radial-gradient(circle var(--hover-mask-size) at -1000px center, black 0%, transparent 100%);-webkit-mask-image:radial-gradient(circle var(--hover-mask-size) at -1000px center, black 0%, transparent 100%);position:absolute;inset:0}.notched-box:after{content:"";top:var(--border-width);left:var(--border-width);right:var(--border-width);bottom:var(--border-width);clip-path:polygon(0% 0%, 100% 0%, 100% calc(100% - var(--notch-size) + var(--border-width)), calc(100% - var(--notch-size) + var(--border-width)) 100%, 0% 100%);background:#000;position:absolute}.notched-box.dark:after{background:linear-gradient(to right, var(--gradient-start), var(--gradient-end))}.notched-box-content{z-index:1;clip-path:polygon(0% 0%, 100% 0%, 100% calc(100% - var(--notch-size) + var(--border-width)), calc(100% - var(--notch-size) + var(--border-width)) 100%, 0% 100%);background:radial-gradient(73.69% 75.92% at -2.34% 2.46%,#a4aebc33 0%,#a4aebc00 100%),#3f4f6633;padding:1px;position:relative}.notched-box-content.no-bg{clip-path:none;background:0 0}.notched-box-content.alt-bg{clip-path:none;background:linear-gradient(289.84deg,#a4aebc00 .2%,#a4aebc33 98.92%),#3f4f6633}