@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;--slice-offset: 0;--slice-labelSize: var(--pie-labelSize);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-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(abs(var(--slice-totalAngle)) * 1deg / 2) / (abs(var(--slice-totalAngle)) * pi/180 / 2) ) ), var(--slice-outerR) - var(--slice-labelRadius) );--slice-halfAngle: calc(abs(var(--slice-totalAngle))*1deg/2) ;--slice-halfGap: calc(var(--slice-gap) / 2);--slice-outerCornerR: max( 0, min( var(--slice-outerCornerRadius), calc((var(--slice-outerR) - var(--slice-innerR)) / 2), max( 0, ( ( sin(var(--slice-halfAngle)) * var(--slice-outerR) - var(--slice-halfGap) ) / (1 + sin(var(--slice-halfAngle))) ) ) ) );--slice-innerCornerR: max( 0, min( var(--slice-innerCornerRadius), calc((var(--slice-outerR) - var(--slice-innerR)) / 2), max( 0, ( ( sin(var(--slice-halfAngle)) * var(--slice-innerR) - var(--slice-halfGap) ) / max(.000001, 1 - sin(var(--slice-halfAngle))) ) ) ) );--slice-outerCornerOffset: calc(var(--slice-halfGap) + var(--slice-outerCornerR));--slice-innerCornerOffset: calc(var(--slice-halfGap) + var(--slice-innerCornerR));--slice-outerCornerCenterR: calc(var(--slice-outerR) - var(--slice-outerCornerR));--slice-innerCornerCenterR: calc(var(--slice-innerR) + var(--slice-innerCornerR));--slice-outerAngleInset: asin(var(--slice-outerCornerOffset) / var(--slice-outerCornerCenterR));--slice-innerAngleInset: asin(var(--slice-innerCornerOffset) / var(--slice-innerCornerCenterR));--slice-outerSideR: sqrt(pow(var(--slice-outerCornerCenterR), 2) - pow(var(--slice-outerCornerOffset), 2));--slice-innerSideR: sqrt(pow(var(--slice-innerCornerCenterR), 2) - pow(var(--slice-innerCornerOffset), 2));--slice-angleOuterStart: calc(var(--slice-outerAngleInset) - var(--slice-halfAngle));--slice-angleOuterEnd: calc(var(--slice-halfAngle) - var(--slice-outerAngleInset));--slice-angleInnerEnd: calc(var(--slice-halfAngle) - var(--slice-innerAngleInset));--slice-angleInnerStart: calc(var(--slice-innerAngleInset) - var(--slice-halfAngle));--slice-outerStartX: calc(var(--pie-originX) + sin(var(--slice-angleOuterStart)) * var(--slice-outerR) * 1px);--slice-outerStartY: calc(var(--pie-originY) - cos(var(--slice-angleOuterStart)) * var(--slice-outerR) * 1px);background-color:var(--slice-fill);clip-path:shape(from var(--slice-outerStartX) var(--slice-outerStartY),arc to calc(var(--pie-originX) + sin(var(--slice-angleOuterEnd)) * var(--slice-outerR) * 1px) calc(var(--pie-originY) - cos(var(--slice-angleOuterEnd)) * var(--slice-outerR) * 1px) of calc(var(--slice-outerR) * 1px) cw var(--slice-arcSize),arc to calc(var(--pie-originX) + (sin(var(--slice-halfAngle)) * var(--slice-outerSideR) - cos(var(--slice-halfAngle)) * var(--slice-halfGap)) * 1px) calc(var(--pie-originY) - (cos(var(--slice-halfAngle)) * var(--slice-outerSideR) + sin(var(--slice-halfAngle)) * var(--slice-halfGap)) * 1px) of calc(var(--slice-outerCornerR) * 1px) cw small,line to calc(var(--pie-originX) + (sin(var(--slice-halfAngle)) * var(--slice-innerSideR) - cos(var(--slice-halfAngle)) * var(--slice-halfGap)) * 1px) calc(var(--pie-originY) - (cos(var(--slice-halfAngle)) * var(--slice-innerSideR) + sin(var(--slice-halfAngle)) * var(--slice-halfGap)) * 1px),arc to calc(var(--pie-originX) + sin(var(--slice-angleInnerEnd)) * var(--slice-innerR) * 1px) calc(var(--pie-originY) - cos(var(--slice-angleInnerEnd)) * var(--slice-innerR) * 1px) of calc(var(--slice-innerCornerR) * 1px) cw small,arc to calc(var(--pie-originX) + sin(var(--slice-angleInnerStart)) * var(--slice-innerR) * 1px) calc(var(--pie-originY) - cos(var(--slice-angleInnerStart)) * var(--slice-innerR) * 1px) of calc(var(--slice-innerR) * 1px) ccw var(--slice-arcSize),arc to calc(var(--pie-originX) + (cos(var(--slice-halfAngle)) * var(--slice-halfGap) - sin(var(--slice-halfAngle)) * var(--slice-innerSideR)) * 1px) calc(var(--pie-originY) - (cos(var(--slice-halfAngle)) * var(--slice-innerSideR) + sin(var(--slice-halfAngle)) * var(--slice-halfGap)) * 1px) of calc(var(--slice-innerCornerR) * 1px) cw small,line to calc(var(--pie-originX) + (cos(var(--slice-halfAngle)) * var(--slice-halfGap) - sin(var(--slice-halfAngle)) * var(--slice-outerSideR)) * 1px) calc(var(--pie-originY) - (cos(var(--slice-halfAngle)) * var(--slice-outerSideR) + sin(var(--slice-halfAngle)) * var(--slice-halfGap)) * 1px),arc to var(--slice-outerStartX) var(--slice-outerStartY) of calc(var(--slice-outerCornerR) * 1px) cw small,close);.slice.full-ring:where(.svelte-92u4eq) &{clip-path:shape(from calc(var(--pie-originX) + var(--slice-outerR) * 1px) var(--pie-originY),arc to calc(var(--pie-originX) - var(--slice-outerR) * 1px) var(--pie-originY) of calc(var(--slice-outerR) * 1px) cw large,arc to calc(var(--pie-originX) + var(--slice-outerR) * 1px) var(--pie-originY) of calc(var(--slice-outerR) * 1px) cw large,line to calc(var(--pie-originX) + var(--slice-innerR) * 1px) var(--pie-originY),arc to calc(var(--pie-originX) - var(--slice-innerR) * 1px) var(--pie-originY) of calc(var(--slice-innerR) * 1px) ccw large,arc to calc(var(--pie-originX) + var(--slice-innerR) * 1px) var(--pie-originY) of calc(var(--slice-innerR) * 1px) ccw large,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(--slice-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}}