.form{--w: var(--d, 12rem);--h: var(--d, 12rem);position:absolute;z-index:0;width:var(--w);height:var(--h);pointer-events:none;color:var(--navy);rotate:var(--dreh, 0deg)}.form-navy{color:var(--navy)}.form-koralle{color:var(--koralle)}.form-creme{color:var(--creme)}.form-oben-links{top:calc(var(--h) * var(--vy, 0));left:calc(var(--w) * var(--vx, 0));--wx: clamp(0%, var(--vx, 0) * -100%, 100%);--wy: clamp(0%, var(--vy, 0) * -100%, 100%)}.form-oben-rechts{top:calc(var(--h) * var(--vy, 0));right:calc(var(--w) * var(--vx, 0));--wx: clamp(0%, 100% + var(--vx, 0) * 100%, 100%);--wy: clamp(0%, var(--vy, 0) * -100%, 100%)}.form-unten-links{bottom:calc(var(--h) * var(--vy, 0));left:calc(var(--w) * var(--vx, 0));--wx: clamp(0%, var(--vx, 0) * -100%, 100%);--wy: clamp(0%, 100% + var(--vy, 0) * 100%, 100%)}.form-unten-rechts{bottom:calc(var(--h) * var(--vy, 0));right:calc(var(--w) * var(--vx, 0));--wx: clamp(0%, 100% + var(--vx, 0) * 100%, 100%);--wy: clamp(0%, 100% + var(--vy, 0) * 100%, 100%)}[data-form-bewegung=wachsen],[data-form-bewegung=wachsen]:before{transform-origin:var(--wx) var(--wy)}.form:before{content:"";position:absolute;inset:0;border-radius:inherit;background:currentColor}.form-kreis{border-radius:50%}.form-halb-oben{--h: calc(var(--d, 12rem) / 2);border-radius:var(--d, 12rem) var(--d, 12rem) 0 0}.form-halb-unten{--h: calc(var(--d, 12rem) / 2);border-radius:0 0 var(--d, 12rem) var(--d, 12rem)}.form-halb-links{--w: calc(var(--d, 12rem) / 2);border-radius:var(--d, 12rem) 0 0 var(--d, 12rem)}.form-halb-rechts{--w: calc(var(--d, 12rem) / 2);border-radius:0 var(--d, 12rem) var(--d, 12rem) 0}.form-viertel-ol{border-top-left-radius:100%}.form-viertel-or{border-top-right-radius:100%}.form-viertel-ul{border-bottom-left-radius:100%}.form-viertel-ur{border-bottom-right-radius:100%}.form-ring{border-radius:50%}.form-ring:before{background:none;border:calc(var(--d, 12rem) * .07) solid currentColor}.form-ring-punkt:after{content:"";position:absolute;inset:32.8%;border-radius:50%;background:currentColor}.form-tiefe-1{--hub: var(--space-6)}.form-tiefe-2{--hub: var(--space-12)}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.form-tiefe{animation:drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}}}
