.fillableIcon{--fi-size:1.4em;--fi-filled-color:currentColor;--fi-unfilled-color:currentColor;--fi-duration:.45s;width:var(--fi-size);height:var(--fi-size);cursor:pointer;-webkit-tap-highlight-color:#0000;isolation:isolate;transform-origin:50%;will-change:transform;backface-visibility:hidden;background:0 0;border:none;border-radius:999px;outline:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative;overflow:visible}.fillableIcon:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.fillableIcon .fillableIconClipSvg{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.fillableIcon .fillableIconBloomAnchor{z-index:0;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.fillableIcon .fillableIconBloom{width:calc(var(--fi-size)*1.75);height:calc(var(--fi-size)*1.75);opacity:0;filter:blur(8px);mix-blend-mode:screen;will-change:transform,opacity;background:radial-gradient(circle,#ffffff3d 0%,#ffffff1f 36%,#fff0 72%);border-radius:999px;display:block}.fillableIcon .fillableIconFxSvg{pointer-events:none;z-index:3;width:160%;height:160%;position:absolute;top:-30%;left:-30%;overflow:visible}.fillableIcon .fillableIconFxCircle{fill:none;stroke:currentColor;vector-effect:non-scaling-stroke;stroke-linecap:round;opacity:0;mix-blend-mode:screen;filter:drop-shadow(0 0 6px #ffffff2e)}.fillableIcon .fillableIconLayer{pointer-events:none;transform-origin:50%;will-change:transform,opacity;backface-visibility:hidden;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fillableIcon .fillableIconLayer svg{width:100%;height:100%;display:block;overflow:visible}.fillableIcon .outlinedLayer{z-index:1;color:var(--fi-unfilled-color)}.fillableIcon .outlinedLayer svg path,.fillableIcon .outlinedLayer svg circle,.fillableIcon .outlinedLayer svg ellipse,.fillableIcon .outlinedLayer svg rect,.fillableIcon .outlinedLayer svg polygon,.fillableIcon .outlinedLayer svg polyline,.fillableIcon .outlinedLayer svg line{stroke:var(--fi-unfilled-color)}.fillableIcon .filledLayer{z-index:2;color:var(--fi-filled-color)}.fillableIcon .filledLayer svg path,.fillableIcon .filledLayer svg circle,.fillableIcon .filledLayer svg ellipse,.fillableIcon .filledLayer svg rect,.fillableIcon .filledLayer svg polygon,.fillableIcon .filledLayer svg polyline{fill:var(--fi-filled-color);stroke:none}@media (prefers-reduced-motion:reduce){.fillableIcon,.fillableIcon .fillableIconLayer,.fillableIcon .fillableIconBloom,.fillableIcon .fillableIconFxCircle{transition:none!important;animation:none!important}}