/* Generated by scripts/generate-website-doc-icons.cjs; do not edit.
 * Solar glyphs by 480 Design, CC BY 4.0; see menu-icons.LICENSE.md. */
.docs-glass-feature-icon {
  position: relative;
  box-sizing: border-box;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  /* 与手机版 fnc-mini-icon 同源光照，尺寸变化时圆底与矢量边缘同心缩放。 */
  background-image:
    radial-gradient(ellipse at 30% 0%, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0) 68%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0) 48%, rgba(0, 24, 64, 0.06));
  box-shadow:
    inset 0 0.4px 1px rgba(255, 255, 255, 0.28),
    inset 0 -0.5px 1px rgba(0, 24, 64, 0.07);
}

.docs-glass-feature-icon::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 84'%3E%3Cdefs%3E%3ClinearGradient id='rim' x1='0' y1='0' x2='0.65' y2='1'%3E%3Cstop stop-color='white' stop-opacity='.78'/%3E%3Cstop offset='.42' stop-color='white' stop-opacity='.3'/%3E%3Cstop offset='.72' stop-color='white' stop-opacity='.08'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='.24'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='42' cy='42' r='41.25' fill='none' stroke='url(%23rim)' stroke-width='1.4'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.docs-glass-feature-icon-defs {
  position: absolute;
  pointer-events: none;
}

.docs-glass-feature-icon-glyph {
  width: 61.9%;
  height: 61.9%;
  flex-shrink: 0;
}

.docs-glass-feature-icon-glyph [fill='currentColor'] {
  fill: var(--feature-glass-fill);
  stroke: var(--feature-glass-edge);
  stroke-width: 0.35;
  stroke-linejoin: round;
}

.docs-glass-feature-icon-glyph [stroke='currentColor'] {
  stroke: var(--feature-glass-fill);
}