@property --chamfer-tl{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --chamfer-tr{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --chamfer-br{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --chamfer-bl{syntax:"<length-percentage>";inherits:false;initial-value:0}[data-chamfer]{--chamfer-cut:var(--chamfer-size,28px);clip-path:polygon(var(--chamfer-tl) 0, calc(100% - var(--chamfer-tr)) 0, 100% var(--chamfer-tr), 100% calc(100% - var(--chamfer-br)), calc(100% - var(--chamfer-br)) 100%, var(--chamfer-bl) 100%, 0 calc(100% - var(--chamfer-bl)), 0 var(--chamfer-tl))}[data-chamfer~=tl],[data-chamfer~=all]{--chamfer-tl:var(--chamfer-cut)}[data-chamfer~=tr],[data-chamfer~=all]{--chamfer-tr:var(--chamfer-cut)}[data-chamfer~=br],[data-chamfer~=all]{--chamfer-br:var(--chamfer-cut)}[data-chamfer~=bl],[data-chamfer~=all]{--chamfer-bl:var(--chamfer-cut)}[data-chamfer-hover]{--chamfer-hover-cut:var(--chamfer-hover-size,calc(var(--chamfer-size,28px) * 2))}@media (hover:hover) and (pointer:fine){[data-chamfer-hover]{transition:--chamfer-tl .42s var(--ease-out), --chamfer-tr .42s var(--ease-out), --chamfer-br .42s var(--ease-out), --chamfer-bl .42s var(--ease-out)}[data-chamfer-hover]:hover,:is(a,button):hover [data-chamfer-hover]{--chamfer-cut:var(--chamfer-hover-cut)}}:is(a,button):focus-visible [data-chamfer-hover]{--chamfer-cut:var(--chamfer-hover-cut)}@media (prefers-reduced-motion:reduce){[data-chamfer-hover]{transition:none}}