@property --pie-rotate{syntax: "<angle>"; inherits: true; initial-value: 0turn;}@property --pie-slice-highlightIndex{syntax: "<number>"; inherits: true; initial-value: 0;}.pie-container.svelte-92u4eq{--highlight-color: rgba(255, 255, 255, 1);--highlight-strokeWidth: 1.5px;--hover-brightness: 1.1;--hover-scale: 1.05;&[data-layout=TopHalf]{--center-label-baseline: text-after-edge}&[data-layout=FullLeft],&[data-layout=FullTop]{--center-label-baseline: central}display:grid;justify-content:center;transform:translateZ(0);will-change:transform;backface-visibility:hidden;transition-duration:.4s;.pie:where(.svelte-92u4eq){--pie-originX: calc((var(--pie-maxR) + var(--pie-padding)) * 1px);--pie-originY: calc((var(--pie-maxR) + var(--pie-padding)) * 1px);position:relative;display:grid;max-width:100%;.slice:where(.svelte-92u4eq){--slice-brightness: 1;--slice-scale: 1;--slice-strokeColor: transparent;--slice-strokeWidth: 0px;display:grid;pointer-events:none;>:where(.svelte-92u4eq){pointer-events:auto}&:hover,&:focus-within,&.highlighted{--slice-brightness: var(--hover-brightness);--slice-scale: var(--hover-scale);--slice-strokeColor: var(--highlight-color);--slice-strokeWidth: var(--highlight-strokeWidth);--slice-filter: var(--slice-hover-filter);filter:brightness(var(--slice-brightness)) drop-shadow(var(--slice-strokeWidth) 0 var(--slice-strokeColor)) drop-shadow(0 calc(-1 * var(--slice-strokeWidth)) var(--slice-strokeColor)) drop-shadow(calc(-1 * var(--slice-strokeWidth)) 0 var(--slice-strokeColor)) drop-shadow(0 var(--slice-strokeWidth) var(--slice-strokeColor))}&:focus-within{outline:none}.slice-shape:where(.svelte-92u4eq){--slice-offset: 0;--slice-labelRadius: calc(var(--pie-labelSize) / 2);--slice-labelR: clamp( pow( ( (var(--slice-outerR) - var(--slice-labelRadius)) * (var(--slice-innerR) + var(--slice-labelRadius)) ), .5 ), ( 2 / 3 * ( ( pow(var(--slice-outerR), 3) - pow(var(--slice-innerR), 3) ) / ( pow(var(--slice-outerR), 2) - pow(var(--slice-innerR), 2) ) ) * ( sin(var(--slice-totalAngle) * 1deg / 2) / (var(--slice-totalAngle) * pi/180 / 2) ) ), var(--slice-outerR) - var(--slice-labelRadius) );background-color:var(--slice-fill);clip-path:shape(from calc(var(--pie-originX) + sin(calc((-1 * var(--slice-totalAngle) * 1deg / 2) + (asin((var(--slice-gap) / (2 * var(--slice-outerR)))) * var(--slice-orientation)))) * (var(--slice-outerR) * 1px)) calc(var(--pie-originY) - cos(calc((-1 * var(--slice-totalAngle) * 1deg / 2) + (asin((var(--slice-gap) / (2 * var(--slice-outerR)))) * var(--slice-orientation)))) * (var(--slice-outerR) * 1px)),arc to calc(var(--pie-originX) + sin(calc((var(--slice-totalAngle) * 1deg / 2) - (asin((var(--slice-gap) / (2 * var(--slice-outerR)))) * var(--slice-orientation)))) * (var(--slice-outerR) * 1px)) calc(var(--pie-originY) - cos(calc((var(--slice-totalAngle) * 1deg / 2) - (asin((var(--slice-gap) / (2 * var(--slice-outerR)))) * var(--slice-orientation)))) * (var(--slice-outerR) * 1px)) of calc(var(--slice-outerR) * 1px) var(--slice-outerSweep) var(--slice-arcSize),line to calc(var(--pie-originX) + sin(calc((var(--slice-totalAngle) * 1deg / 2) - (asin((var(--slice-gap) / (2 * var(--slice-innerR)))) * var(--slice-orientation)))) * (var(--slice-innerR) * 1px)) calc(var(--pie-originY) - cos(calc((var(--slice-totalAngle) * 1deg / 2) - (asin((var(--slice-gap) / (2 * var(--slice-innerR)))) * var(--slice-orientation)))) * (var(--slice-innerR) * 1px)),arc to calc(var(--pie-originX) + sin(calc((-1 * var(--slice-totalAngle) * 1deg / 2) + (asin((var(--slice-gap) / (2 * var(--slice-innerR)))) * var(--slice-orientation)))) * (var(--slice-innerR) * 1px)) calc(var(--pie-originY) - cos(calc((-1 * var(--slice-totalAngle) * 1deg / 2) + (asin((var(--slice-gap) / (2 * var(--slice-innerR)))) * var(--slice-orientation)))) * (var(--slice-innerR) * 1px)) of calc(var(--slice-innerR) * 1px) var(--slice-innerSweep) var(--slice-arcSize),close);transform-origin:var(--pie-originX) var(--pie-originY);transform:rotate(calc(var(--pie-rotate) + var(--slice-midAngle) * 1deg)) scale(var(--slice-scale)) translateY(calc(var(--slice-offset) * -1px));opacity:var(--slice-opacity);will-change:transform;transition-property:clip-path,transform,opacity;&:hover,&:focus-within,.slice.highlighted:where(.svelte-92u4eq) &{opacity:1}>.label:where(.svelte-92u4eq){position:absolute;left:var(--pie-originX);top:var(--pie-originY);display:inline-block;white-space:nowrap;text-align:center;line-height:1;color:currentColor;font-size:calc(var(--pie-labelSize) * 1px);translate:-50% calc(-50% + (var(--slice-labelR) * -1px));rotate:calc(-1 * (var(--pie-rotate) + var(--slice-midAngle) * 1deg));transition-property:translate,rotate,filter}}&:not(:hover,:focus-within)>.slice-shape:where(.svelte-92u4eq)>.label:where(.svelte-92u4eq){filter:contrast(.5) brightness(3) opacity(.5) drop-shadow(1px 2px 3px rgba(0,0,0,.15))}}>.center:where(.svelte-92u4eq){position:absolute;inset:0;display:grid;justify-items:center;pointer-events:none;>*{pointer-events:auto;font-size:.8em;color:currentColor;translate:0 calc((var(--center-align-offset, 0)) * 1px)}}}&[data-layout=TopHalf]>.pie:where(.svelte-92u4eq)>.center:where(.svelte-92u4eq){align-items:end;--center-align-offset: calc(-1 * var(--pie-padding))}&[data-layout=FullLeft]>.pie:where(.svelte-92u4eq)>.center:where(.svelte-92u4eq),&[data-layout=FullTop]>.pie:where(.svelte-92u4eq)>.center:where(.svelte-92u4eq){align-items:center}}