.clickable-section{--radius:12px;--offset:2px;cursor:pointer;position:relative}.clickable-section:after{content:"";inset:var(--offset);pointer-events:none;z-index:60;border:2px dashed #0000;border-radius:0;transition:border-color .15s;position:absolute}.clickable-section--round-top:after{border-radius:calc(var(--radius) - var(--offset))calc(var(--radius) - var(--offset))0 0}.clickable-section--round-bottom:after{border-radius:0 0 calc(var(--radius) - var(--offset))calc(var(--radius) - var(--offset))}.clickable-section:hover:after{border-color:#93c5fd}.clickable-section--active:after{border:2px solid #3b82f6}.clickable-section--active:hover:after{border-color:#3b82f6}