/* OCUU Figma 原始图形通过 alpha mask 适配深浅按钮，避免字体和平台导致的字形差异。 */
.site-icon {
  display:inline-block;
  width:1.2em;
  height:1.2em;
  flex:0 0 auto;
  vertical-align:-.2em;
  line-height:1;
  background-color:currentColor;
  -webkit-mask:var(--site-icon) center / contain no-repeat;
  mask:var(--site-icon) center / contain no-repeat;
  transform:rotate(var(--icon-turn,0deg));
}
.site-icon--arrow-right,.site-icon--arrow-left,
.site-icon--arrow-down,.site-icon--arrow-up,.site-icon--menu {
  --site-icon:url("assets/icons/chevron.svg");
}
.site-icon--arrow-up-right {
  --site-icon:url("assets/icons/arrow.svg");
  --icon-turn:45deg;
  -webkit-mask-size:65%;
  mask-size:65%;
}
.site-icon--arrow-left { --icon-turn:180deg; }
.site-icon--arrow-down,.site-icon--menu { --icon-turn:90deg; }
.site-icon--arrow-up { --icon-turn:-90deg; }
.site-icon--plus,.site-icon--close { --site-icon:url("assets/icons/plus.svg"); }
.site-icon--close { --icon-turn:45deg; }
.site-icon--check { --site-icon:url("assets/icons/check.svg"); }
.site-icon--download { --site-icon:url("assets/icons/download.svg");width:20px;height:20px; }
.site-icon--search,.site-icon--zoom-in { --site-icon:url("assets/icons/search.svg"); }
.site-icon--reset { --site-icon:url("assets/icons/reset.svg"); }
#menu[aria-expanded="true"] .site-icon--menu { --icon-turn:-90deg; }
.gallery-controls button,.close { align-items:center;justify-content:center; }
.gallery-controls button { display:inline-flex; }
.close .site-icon { width:20px;height:20px; }
.model-options i .site-icon { width:14px;height:14px;color:inherit; }
.faq-plus { display:inline-flex;align-items:center; }
.faq-plus .site-icon { width:16px;height:16px; }
.poster-cta b,.poster-download b { display:inline-flex;align-items:center; }
.guide-expand .site-icon,.text-button .site-icon { margin-left:.3em; }
.hero-download-symbol .site-icon { width:25px;height:25px; }
@media (forced-colors: active) {
  .site-icon { background-color:CanvasText;forced-color-adjust:none; }
}