@property --angle-1{syntax:"<angle>";inherits:false;initial-value:-75deg}@property --angle-2{syntax:"<angle>";inherits:false;initial-value:-45deg}:root{--global--size:clamp(2rem, 4vw, 5rem);--anim--hover-time:.4s;--anim--hover-ease:cubic-bezier(.25, 1, .5, 1);--glass-border-radius:999vw;--shadow-glass:#000;--main-glass:#fff}.glass-element-wrap{z-index:2;border-radius:var(--glass-border-radius,999vw);pointer-events:auto;transition:all var(--anim--hover-time) var(--anim--hover-ease);background:0 0;display:inline-flex;position:relative}.glass-element-shadow{--shadow-cuttoff-fix:2em;width:calc(100% + var(--shadow-cuttoff-fix));height:calc(100% + var(--shadow-cuttoff-fix));top:calc(0% - var(--shadow-cuttoff-fix) / 2);left:calc(0% - var(--shadow-cuttoff-fix) / 2);-webkit-filter:blur(clamp(2px,.125em,12px));-moz-filter:blur(clamp(2px, .125em, 12px));-ms-filter:blur(clamp(2px, .125em, 12px));pointer-events:none;position:absolute;overflow:visible}.glass-element-shadow:after{content:"";z-index:0;border-radius:var(--glass-border-radius,999vw);background:linear-gradient(180deg, rgb(from var(--shadow-glass) r g b / .2), rgb(from var(--shadow-glass) r g b / .1));width:calc(100% - var(--shadow-cuttoff-fix) - .25em);height:calc(100% - var(--shadow-cuttoff-fix) - .25em);inset:0;top:calc(var(--shadow-cuttoff-fix) - .5em);left:calc(var(--shadow-cuttoff-fix) - .875em);box-sizing:border-box;-webkit-mask:linear-gradient(rgb(from var(--shadow-glass) r g b / 1) 0 0) content-box, linear-gradient(rgb(from var(--shadow-glass) r g b / 1) 0 0);mask:linear-gradient(rgb(from var(--shadow-glass) r g b / 1) 0 0) content-box, linear-gradient(rgb(from var(--shadow-glass) r g b / 1) 0 0);transition:all var(--anim--hover-time) var(--anim--hover-ease);opacity:1;padding:.125em;position:absolute;overflow:visible;-webkit-mask-composite:xor;mask-composite:exclude}.glass-element{--border-width:clamp(1px, .0625em, 4px);all:unset;cursor:pointer;-webkit-tap-highlight-color:rgb(from var(--shadow-glass) r g b / 0);pointer-events:auto;z-index:3;background:linear-gradient(-75deg, rgb(from var(--main-glass) r g b / .05), rgb(from var(--main-glass) r g b / .2), rgb(from var(--main-glass) r g b / .05));border-radius:var(--glass-border-radius,999vw);box-shadow:inset 0 .125em .125em rgb(from var(--shadow-glass) r g b / .05), inset 0 -.125em .125em rgb(from var(--main-glass) r g b / .5), 0 .25em .125em -.125em rgb(from var(--shadow-glass) r g b / .2), 0 0 .1em .25em inset rgb(from var(--main-glass) r g b / .2), 0 0 0 0 rgb(from var(--main-glass) r g b / 1);-webkit-backdrop-filter:blur(clamp(1px,.125em,4px));-moz-backdrop-filter:blur(clamp(1px, .125em, 4px));-ms-backdrop-filter:blur(clamp(1px, .125em, 4px));transition:all var(--anim--hover-time) var(--anim--hover-ease);width:100%;position:relative}.glass-element>.glass-element:first-child{-webkit-user-select:none;user-select:none;letter-spacing:-.05em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;text-shadow:0em .25em .05em rgb(from var(--shadow-glass) r g b / .1);transition:all var(--anim--hover-time) var(--anim--hover-ease);padding-block:.875em;padding-inline:1.5em;font-family:Inter,sans-serif;font-size:1em;font-weight:500;display:block;position:relative}.glass-element>.glass-element:first-child:after{content:"";z-index:1;width:calc(100% - var(--border-width));height:calc(100% - var(--border-width));top:calc(0% + var(--border-width) / 2);left:calc(0% + var(--border-width) / 2);box-sizing:border-box;border-radius:var(--glass-border-radius,999vw);background:linear-gradient(var(--angle-2), rgb(from var(--main-glass) r g b / 0) 0%, rgb(from var(--main-glass) r g b / .5) 40% 50%, rgb(from var(--main-glass) r g b / 0) 55%);z-index:3;mix-blend-mode:screen;pointer-events:none;transition:background-position calc(var(--anim--hover-time) * 1.25) var(--anim--hover-ease), --angle-2 calc(var(--anim--hover-time) * 1.25) var(--anim--hover-ease);background-position:0%;background-repeat:no-repeat;background-size:200% 200%;display:block;position:absolute;overflow:clip}.glass-element-wrap:not(.glass-no-active):not(.glass-no-active-motion) .glass-element:active .glass-element:first-child:after{--angle-2:-15deg;background-position:50% 15%}@media (hover:none) and (pointer:coarse){.glass-element .glass-element:first-child:after,.glass-element-wrap:not(.glass-no-active):not(.glass-no-active-motion) .glass-element:active .glass-element:first-child:after{--angle-2:-45deg}}.glass-element:after{content:"";z-index:1;pointer-events:none;border-radius:var(--glass-border-radius,999vw);width:calc(100% + var(--border-width));height:calc(100% + var(--border-width));inset:0;top:calc(0% - var(--border-width) / 2);left:calc(0% - var(--border-width) / 2);padding:var(--border-width);box-sizing:border-box;background:conic-gradient(from var(--angle-2) at 50% 50%, rgb(from var(--shadow-glass) r g b / .5), rgb(from var(--shadow-glass) r g b / .12) 5% 40%, rgb(from var(--shadow-glass) r g b / .5) 50%, rgb(from var(--shadow-glass) r g b / 0) 60% 95%, rgb(from var(--shadow-glass) r g b / .5)), linear-gradient(180deg, rgb(from var(--main-glass) r g b / .5), rgb(from var(--main-glass) r g b / .5));-webkit-mask:linear-gradient(rgb(from var(--shadow-glass) r g b / 1) 0 0) content-box, linear-gradient(rgb(from var(--shadow-glass) r g b / 1) 0 0);mask:linear-gradient(rgb(from var(--shadow-glass) r g b / 1) 0 0) content-box, linear-gradient(rgb(from var(--shadow-glass) r g b / 1) 0 0);transition:all var(--anim--hover-time) var(--anim--hover-ease), --angle-1 .5s ease;box-shadow:inset 0 0 0 calc(var(--border-width) / 2) rgb(from var(--main-glass) r g b / .5);position:absolute;-webkit-mask-composite:xor;mask-composite:exclude}[data-theme=dark] .glass-element:after{background:linear-gradient(-45deg, #ffffff4d, #ffffff03 30%, rgb(from var(--shadow-glass) r g b / .08) 50%, transparent 70%), linear-gradient(35deg, #ffffff4d 5%, transparent 13%, #ffffff4d 60%, #ffffff03 90%)}.glass-element-wrap:not(.glass-no-active):not(.glass-no-active-motion) .glass-element:active:after{--angle-1:-75deg}@media (hover:none) and (pointer:coarse){.glass-element:after,.glass-element-wrap:not(.glass-no-active):not(.glass-no-active-motion) .glass-element:active:after{--angle-1:-75deg}}.glass-no-active .glass-element{cursor:default}.glass-no-active .glass-element:after{display:none}.glass-element-wrap:not(.glass-no-active):not(.glass-no-active-motion):has(.glass-element:active){transform:rotateX(25deg)}.glass-element-wrap:not(.glass-no-active):not(.glass-no-active-motion):has(.glass-element:active) .glass-element{box-shadow:inset 0 .125em .125em rgb(from var(--shadow-glass) r g b / .05), inset 0 -.125em .125em rgb(from var(--main-glass) r g b / .5), 0 .125em .125em -.125em rgb(from var(--shadow-glass) r g b / .2), 0 0 .1em .25em inset rgb(from var(--main-glass) r g b / .2), 0 .225em .05em 0 rgb(from var(--shadow-glass) r g b / .05), 0 .25em 0 0 rgb(from var(--main-glass) r g b / .75), inset 0 .25em .05em 0 rgb(from var(--shadow-glass) r g b / .15)}.glass-element-wrap:not(.glass-no-active):not(.glass-no-active-motion):has(.glass-element:active) .glass-element-shadow{-webkit-filter:blur(clamp(2px,.125em,12px));-moz-filter:blur(clamp(2px, .125em, 12px));-ms-filter:blur(clamp(2px, .125em, 12px))}.glass-element-wrap:not(.glass-no-active):not(.glass-no-active-motion):has(.glass-element:active) .glass-element-shadow:after{top:calc(var(--shadow-cuttoff-fix) - .5em);opacity:.75}.glass-element-wrap:not(.glass-no-active):not(.glass-no-active-motion):has(.glass-element:active) .glass-element:first-child{text-shadow:.025em .25em .05em rgb(from var(--shadow-glass) r g b / .12)}.glass-card-mode .glass-element{--border-width:1px;box-shadow:inset 0 1px 1px rgb(from var(--shadow-glass) r g b / .05), inset 0 -1px 1px rgb(from var(--main-glass) r g b / .5), 0 2px 4px -1px rgb(from var(--shadow-glass) r g b / .1), inset 0 0 1px 1px rgb(from var(--main-glass) r g b / .2)}.glass-card-mode .glass-element:after{box-shadow:inset 0 0 0 .5px rgb(from var(--main-glass) r g b / .5)}.glass-pill-mode .glass-element{--border-width:1px;background:linear-gradient(180deg, rgb(from var(--main-glass) r g b / .32) 0%, rgb(from var(--main-glass) r g b / .16) 28%, rgb(from var(--main-glass) r g b / .05) 70%, rgb(from var(--main-glass) r g b / .02) 100%);box-shadow:inset 0 1px 1px rgb(from var(--shadow-glass) r g b / .045), inset 0 -.5px .5px rgb(from var(--main-glass) r g b / .18), 0 2px 4px -1px rgb(from var(--shadow-glass) r g b / .12), inset 0 0 .75px 1px rgb(from var(--main-glass) r g b / .24)}.glass-pill-mode .glass-element>.glass-element:first-child:after{top:calc(0% + var(--border-width) / 2);background:linear-gradient(180deg, rgb(from var(--main-glass) r g b / .44) 0%, rgb(from var(--main-glass) r g b / .2) 36%, rgb(from var(--main-glass) r g b / 0) 100%);mix-blend-mode:screen;background-position:50% 0;background-size:100% 100%;height:62%}.glass-pill-mode .glass-element-shadow:after{opacity:.86}
.chart-common-styles-module-scss-module__5cyS-q__pieChartOverflow .recharts-surface{overflow:visible}
