:where(.clod-panel){--clod-panel-cut:18px;--clod-panel-line:hsla(0,0%,100%,.16);--clod-panel-line-w:1.5px;--clod-panel-fill:linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.035));--clod-panel-base:rgba(12,11,30,.88)}:where(.clod-panel--gold){--clod-panel-line:rgba(232,185,92,.8);--clod-panel-fill:linear-gradient(90deg,rgba(232,185,92,.1),hsla(0,0%,100%,.03))}:where(.clod-panel--active){--clod-panel-line:var(--clod-gold);--clod-panel-line-w:2px;--clod-panel-fill:linear-gradient(180deg,rgba(232,185,92,.12),hsla(0,0%,100%,.03))}.clod-panel{isolation:isolate;position:relative}.clod-panel:after,.clod-panel:before{content:"";pointer-events:none;position:absolute;z-index:-1}.clod-panel:before{background:var(--clod-panel-line);clip-path:polygon(var(--clod-panel-cut) 0,100% 0,100% calc(100% - var(--clod-panel-cut)),calc(100% - var(--clod-panel-cut)) 100%,0 100%,0 var(--clod-panel-cut));inset:0}.clod-panel:after{--c:calc(var(--clod-panel-cut) - var(--clod-panel-line-w)*.586);background:var(--clod-panel-fill),var(--clod-panel-base);clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c));inset:var(--clod-panel-line-w)}.clod-panel--blur:after{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}