/* Fine line symbols with a quiet, softly rounded presentation. */
.sca-service-symbol{display:block;flex-shrink:0;overflow:visible;color:inherit}
.sca-service-symbol use{pointer-events:none}
:is(.service-category,.systems-tile-symbol,.system-care-symbol){
  --symbol-color:var(--accent,var(--system-accent,#263f7b));
  position:relative;place-items:center;color:var(--symbol-color);
  border:1px solid color-mix(in srgb,var(--symbol-color) 12%,white);
  border-radius:13px;background:color-mix(in srgb,var(--symbol-color) 3%,white);
  clip-path:none;box-shadow:none;
}
:is(.service-category,.systems-tile-symbol,.system-care-symbol)::before,
:is(.service-category,.systems-tile-symbol,.system-care-symbol)::after{content:none;display:none}
.homepage .service-category{width:40px;height:40px}
.homepage .service-category>.sca-service-symbol{width:25px;height:25px}
.homepage .service-product h3{padding-left:52px}
.systems-tile-symbol{--symbol-color:var(--system-accent);position:absolute;border-radius:10px;background:#ffffffed}
.systems-tile-symbol .sca-service-symbol{width:21px;height:21px}
.systems-family-tag .sca-service-symbol{width:20px;height:20px}
.story-eyebrow>.sca-service-symbol,.system-related-links>a>.sca-service-symbol,.option-top>.sca-service-symbol{
  color:var(--system-accent);background:color-mix(in srgb,var(--system-accent) 3%,white);
  border:1px solid color-mix(in srgb,var(--system-accent) 12%,white);border-radius:13px;clip-path:none;
}
.story-eyebrow>.sca-service-symbol{width:42px;height:42px;padding:7px}
.option-top>.sca-service-symbol{width:44px;height:44px;padding:8px}
.system-related-links>a>.sca-service-symbol{width:37px;height:37px;padding:6px;border-radius:11px}
.system-care-symbol{border-radius:24px}
.system-care-symbol>.sca-service-symbol{width:38px;height:38px}
.scope-tags .sca-service-symbol{width:23px;height:23px}
.gallery-page .scope-tags .scope-central{--scope-color:#263f7b;--scope-bg:#eff2fa}
.home-case-systems .sca-service-symbol{width:19px;height:19px}
@media(max-width:720px){.systems-tile-symbol .sca-service-symbol{width:20px;height:20px}.story-eyebrow>.sca-service-symbol{width:38px;height:38px;padding:6px}.scope-tags .sca-service-symbol{width:21px;height:21px}}