/* CODSHIPX_AI_R108_R1_R4_R7_SETTINGS_CONTROLS_ICON */

/*
 * Keep Settings shell identical to normal sidebar icons.
 * Replace only the old gear glyph with a clean controls/sliders glyph.
 */
.rail-nav > button[data-nav="Settings"] .nav-icon{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  min-height:30px !important;
  max-width:30px !important;
  max-height:30px !important;

  flex:0 0 30px !important;

  display:grid !important;
  place-items:center !important;

  padding:0 !important;
  margin:0 !important;

  border-radius:9px !important;
  box-sizing:border-box !important;

  overflow:hidden !important;
  transform:none !important;
}

/* Completely retire original gear SVG. */
.rail-nav > button[data-nav="Settings"] .nav-icon > svg{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}

/* Prevent any older pseudo icon from surviving. */
.rail-nav > button[data-nav="Settings"] .nav-icon::after{
  content:none !important;
  display:none !important;
}

/*
 * New Settings icon:
 * same 18x18 visual size as the normal sidebar glyph family,
 * inherits native active/inactive color automatically.
 */
.rail-nav > button[data-nav="Settings"] .nav-icon::before{
  content:"" !important;

  display:block !important;

  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;

  background-color:currentColor !important;

  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16'/%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='M4 18h16'/%3E%3Cpath d='M9 3v6'/%3E%3Cpath d='M15 9v6'/%3E%3Cpath d='M7 15v6'/%3E%3C/svg%3E") !important;

  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16'/%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='M4 18h16'/%3E%3Cpath d='M9 3v6'/%3E%3Cpath d='M15 9v6'/%3E%3Cpath d='M7 15v6'/%3E%3C/svg%3E") !important;

  -webkit-mask-repeat:no-repeat !important;
  mask-repeat:no-repeat !important;

  -webkit-mask-position:center !important;
  mask-position:center !important;

  -webkit-mask-size:18px 18px !important;
  mask-size:18px 18px !important;

  transform:none !important;
}