.cut-corner-button.svelte-1q39rn8{--cc-cut:.5rem;--cc-border-width:1px;--cc-focus-width:2px;--cc-focus-offset:2px;--cc-focus-color:var(--ring);--cc-focus-offset-color:var(--background);--cc-border-line-half-width:var(--cc-border-width);--cc-border-join-overlap:calc(var(--cc-border-width) * 1.5);background:0 0}.cut-corner-button.svelte-1q39rn8:before,.cut-corner-button.svelte-1q39rn8:after{content:"";pointer-events:none;opacity:0;transition:opacity .15s;position:absolute}.cut-corner-button.svelte-1q39rn8:before{inset:calc(0px - var(--cc-focus-offset) - var(--cc-focus-width));z-index:0;background:var(--cc-focus-color);clip-path:var(--cc-focus-clip,inset(0))}.cut-corner-button.svelte-1q39rn8:after{inset:calc(0px - var(--cc-focus-offset));z-index:1;background:var(--cc-focus-offset-color);clip-path:var(--cc-focus-clip,inset(0))}.cut-corner-button.svelte-1q39rn8:focus-visible:before,.cut-corner-button.svelte-1q39rn8:focus-visible:after{opacity:1}.cut-corner-button__surface.svelte-1q39rn8{z-index:20;pointer-events:none;background:var(--cc-bg,transparent);clip-path:var(--cc-clip,inset(0));transition:background-color .15s;position:absolute;inset:0}.cut-corner-button__border.svelte-1q39rn8{z-index:25;pointer-events:none;opacity:0;background:var(--cc-border-layers);clip-path:var(--cc-clip,inset(0));transition:opacity .15s;position:absolute;inset:0}.cut-corner-button[data-variant=outline].svelte-1q39rn8 .cut-corner-button__border:where(.svelte-1q39rn8){opacity:1}.cut-corner-button[data-corner=top-left].svelte-1q39rn8{--cc-clip:polygon(var(--cc-cut) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cc-cut));--cc-focus-clip:polygon(var(--cc-cut) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cc-cut));--cc-border-layers:linear-gradient(var(--cc-border-color) 0 0) top right / calc(100% - var(--cc-cut)) var(--cc-border-width) no-repeat, linear-gradient(var(--cc-border-color) 0 0) right / var(--cc-border-width) 100% no-repeat, linear-gradient(var(--cc-border-color) 0 0) bottom / 100% var(--cc-border-width) no-repeat, linear-gradient(var(--cc-border-color) 0 0) left bottom / var(--cc-border-width) calc(100% - var(--cc-cut)) no-repeat, linear-gradient(135deg, transparent calc(50% - var(--cc-border-line-half-width)), var(--cc-border-color) calc(50% - var(--cc-border-line-half-width)), var(--cc-border-color) calc(50% + var(--cc-border-line-half-width)), transparent calc(50% + var(--cc-border-line-half-width))) top left / var(--cc-cut) var(--cc-cut) no-repeat}.cut-corner-button[data-corner=top-right].svelte-1q39rn8{--cc-clip:polygon(0 0, calc(100% - var(--cc-cut)) 0, 100% var(--cc-cut), 100% 100%, 0 100%);--cc-focus-clip:polygon(0 0, calc(100% - var(--cc-cut)) 0, 100% var(--cc-cut), 100% 100%, 0 100%);--cc-border-layers:linear-gradient(var(--cc-border-color) 0 0) top left / calc(100% - var(--cc-cut)) var(--cc-border-width) no-repeat, linear-gradient(var(--cc-border-color) 0 0) right bottom / var(--cc-border-width) calc(100% - var(--cc-cut)) no-repeat, linear-gradient(var(--cc-border-color) 0 0) bottom / 100% var(--cc-border-width) no-repeat, linear-gradient(var(--cc-border-color) 0 0) left / var(--cc-border-width) 100% no-repeat, linear-gradient(45deg, transparent calc(50% - var(--cc-border-line-half-width)), var(--cc-border-color) calc(50% - var(--cc-border-line-half-width)), var(--cc-border-color) calc(50% + var(--cc-border-line-half-width)), transparent calc(50% + var(--cc-border-line-half-width))) top right / var(--cc-cut) var(--cc-cut) no-repeat}.cut-corner-button[data-corner=bottom-right].svelte-1q39rn8{--cc-clip:polygon(0 0, 100% 0, 100% calc(100% - var(--cc-cut)), calc(100% - var(--cc-cut)) 100%, 0 100%);--cc-focus-clip:polygon(0 0, 100% 0, 100% calc(100% - var(--cc-cut)), calc(100% - var(--cc-cut)) 100%, 0 100%);--cc-border-layers:linear-gradient(var(--cc-border-color) 0 0) top / 100% var(--cc-border-width) no-repeat, linear-gradient(var(--cc-border-color) 0 0) left / var(--cc-border-width) 100% no-repeat, linear-gradient(var(--cc-border-color) 0 0) top right / var(--cc-border-width) calc(100% - var(--cc-cut) + var(--cc-border-join-overlap)) no-repeat, linear-gradient(var(--cc-border-color) 0 0) bottom left / calc(100% - var(--cc-cut) + var(--cc-border-join-overlap)) var(--cc-border-width) no-repeat, linear-gradient(135deg, transparent calc(50% - var(--cc-border-line-half-width)), var(--cc-border-color) calc(50% - var(--cc-border-line-half-width)), var(--cc-border-color) calc(50% + var(--cc-border-line-half-width)), transparent calc(50% + var(--cc-border-line-half-width))) bottom right / var(--cc-cut) var(--cc-cut) no-repeat}.cut-corner-button[data-corner=bottom-left].svelte-1q39rn8{--cc-clip:polygon(0 0, 100% 0, 100% 100%, var(--cc-cut) 100%, 0 calc(100% - var(--cc-cut)));--cc-focus-clip:polygon(0 0, 100% 0, 100% 100%, var(--cc-cut) 100%, 0 calc(100% - var(--cc-cut)));--cc-border-layers:linear-gradient(var(--cc-border-color) 0 0) top / 100% var(--cc-border-width) no-repeat, linear-gradient(var(--cc-border-color) 0 0) right / var(--cc-border-width) 100% no-repeat, linear-gradient(var(--cc-border-color) 0 0) bottom right / calc(100% - var(--cc-cut)) var(--cc-border-width) no-repeat, linear-gradient(var(--cc-border-color) 0 0) left top / var(--cc-border-width) calc(100% - var(--cc-cut)) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--cc-border-line-half-width)), var(--cc-border-color) calc(50% - var(--cc-border-line-half-width)), var(--cc-border-color) calc(50% + var(--cc-border-line-half-width)), transparent calc(50% + var(--cc-border-line-half-width))) bottom left / var(--cc-cut) var(--cc-cut) no-repeat}.cut-corner-button[data-corner=none].svelte-1q39rn8{--cc-clip:inset(0);--cc-focus-clip:inset(0);--cc-border-layers:linear-gradient(var(--cc-border-color) 0 0) top / 100% var(--cc-border-width) no-repeat, linear-gradient(var(--cc-border-color) 0 0) right / var(--cc-border-width) 100% no-repeat, linear-gradient(var(--cc-border-color) 0 0) bottom / 100% var(--cc-border-width) no-repeat, linear-gradient(var(--cc-border-color) 0 0) left / var(--cc-border-width) 100% no-repeat}