:root{--background:#fff;--foreground:#171717}.inverted-top-left{--r:52px;--s:42px;--x:0px;--y:0px;border-radius:var(--r);--_m:/calc(2*var(--r))calc(2*var(--r))radial-gradient(#000 70%,#0000 72%);--_g:conic-gradient(at var(--r)var(--r),#000 75%,#0000 0);--_d:(var(--s) + var(--r));-webkit-mask:calc(var(--_d) + var(--x))0 var(--_m),0 calc(var(--_d) + var(--y))var(--_m),radial-gradient(var(--s)at 0 0,#0000 99%,#000 calc(100% + 1px))calc(var(--r) + var(--x))calc(var(--r) + var(--y)),var(--_g)calc(var(--_d) + var(--x))0,var(--_g)0 calc(var(--_d) + var(--y));mask:calc(var(--_d) + var(--x))0 var(--_m),0 calc(var(--_d) + var(--y))var(--_m),radial-gradient(var(--s)at 0 0,#0000 99%,#000 calc(100% + 1px))calc(var(--r) + var(--x))calc(var(--r) + var(--y)),var(--_g)calc(var(--_d) + var(--x))0,var(--_g)0 calc(var(--_d) + var(--y));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.inverted-bottom-right{--r:52px;--s:42px;--x:0px;--y:0px;border-radius:var(--r);--_m:/calc(2*var(--r))calc(2*var(--r))radial-gradient(#000 70%,#0000 72%);--_g:conic-gradient(from 90deg at calc(100% - var(--r))calc(100% - var(--r)),#0000 25%,#000 0);--_d:(var(--s) + var(--r));-webkit-mask:calc(100% - var(--_d) - var(--x))100% var(--_m),100% calc(100% - var(--_d) - var(--y))var(--_m),radial-gradient(var(--s)at 100% 100%,#0000 99%,#000 calc(100% + 1px))calc(-1*var(--r) - var(--x))calc(-1*var(--r) - var(--y)),var(--_g)calc(-1*var(--_d) - var(--x))0,var(--_g)0 calc(-1*var(--_d) - var(--y));mask:calc(100% - var(--_d) - var(--x))100% var(--_m),100% calc(100% - var(--_d) - var(--y))var(--_m),radial-gradient(var(--s)at 100% 100%,#0000 99%,#000 calc(100% + 1px))calc(-1*var(--r) - var(--x))calc(-1*var(--r) - var(--y)),var(--_g)calc(-1*var(--_d) - var(--x))0,var(--_g)0 calc(-1*var(--_d) - var(--y));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}