.settings_bias_sub_item[data-active-subordinate="true"]{
  .hm_btn{
    box-shadow: none;
    .hm_button_shadow {
        .hm_button {
          box-shadow: 1px 1px 1px #004b96, -1px -1px 1px #00b3ff;
          .hm_button_inner {
            box-shadow: inset 9px 9px 10px #969696, inset -9px -9px 10px #ffffff;
          }
        }
      }
  }
}



  .hm_btn:hover{
    box-shadow: none;
    .hm_button_shadow {
        .hm_button {
          box-shadow: 1px 1px 1px #004b96, -1px -1px 1px #00b3ff;
          .hm_button_inner {
            box-shadow: inset 9px 9px 10px #969696, inset -9px -9px 10px #ffffff;
          }
        }
        .ns_row_tooltiptext {
          visibility: visible;
        }
        .hm_button.purple {
            box-shadow: 1px 1px 1px #42085d, -1px -1px 1px #b300ff;
            .hm_button_inner{
                /* box-shadow: inset .05rem .05rem .1rem #42085d, inset -.05rem -.05rem .1rem #b300ff; */
                box-shadow: inset 9px 9px 10px #969696, inset -9px -9px 10px #ffffff;
            }
          }
      }
  }
.hm_btn.logo{
    width: 11.5rem;
    height: 11.5rem;
    .hm_button.hm_blue {
        background: linear-gradient(145deg, #0072e6, #0079e3);
        box-shadow: inset 3px 3px 4px #004b96, inset -3px -3px 4px #00b3ff;
        .hm_button_inner{
            box-shadow: 3px 3px 4px #003f7d, -3px -3px 4px #0088ff;
        }
      }
    
}
.hm_btn.large{
    width: 4.5rem;
    height: 4.5rem;
}

.hm_btn.small{
  width: 3rem;
  height: 3rem;
}



.hm_btn{
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: first center;
    cursor: pointer;
    border-radius: 50%;
    box-shadow:  .2rem .2rem .5rem #ababab,
             -.2rem -.2rem .5rem #ffffff;
    .hm_button_shadow {
        position: relative;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: first center;
        background: #ffffff;
        /* box-shadow: 2px 2px 3px #969696, -2px -2px 3px #ffffff; */
        .hm_button.large {
          width: 23.5rem;
          height: 23.5rem;
        }
        .hm_button.small {
          width: 3rem;
          height: 3rem;
        }
        .hm_button {
          width: 100%;
          height: 100%;
          border-radius: 50%;
          background: linear-gradient(145deg, #0072e6, #0088ff);
          box-shadow: inset 3px 3px 4px #004b96, inset -3px -3px 4px #00b3ff;
          display: flex;
          justify-content: center;
          align-items: center;
          transition: all 1000ms cubic-bezier(0.075, 0.82, 0.165, 1);
          .hm_button_inner {
            width: 78%;
            height: 78%;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            /* border: 1pt solid purple; */
            background: linear-gradient(145deg, #fbfbfb, #ffffff);
            box-shadow: 1px 1px 1px #969696, -0px -0px 0px #f0f8ff;
            transition: all 1000ms cubic-bezier(0.075, 0.82, 0.165, 1);
            .img{
                width: 100%;
                height: 100%;
                background-position: center; /* Center the image */
                background-repeat: no-repeat; /* Do not repeat the image */
                background-size: contain; /* Resize the background image to cover the entire container */
                filter: drop-shadow(1px 1px 1px #222);
                /* border: 1pt solid red; */
            }
            .img.large{
                background-size: contain;
            }
            .img.medium_large{
                background-size: 90%;
            }
            .img._95{
                background-size: 95%;
            }
            .img._85{
                background-size: 85%;
            }
            .img.medium{
                background-size: 80%;
            }
            .img.small_medium{
               
                background-size: 70%;
            }
            .img.small{
                background-size: 60%;
            }
            .img.xsmall{
                background-size: 55%;
            }
            .img.xxsmall{
                background-size: 40%;
            }
            .img.up{
                margin-top: -.2rem;
            }
            .img.up_m{
                margin-top: -.3rem;
            }
            .img.left{
                margin-left: -.2rem;
            }
            .img.left_i{
              margin-left: -.1rem;
          }
            .img.down{
                margin-top: .2rem;
            }
            
            img {
              width: 70%;
              height: 70%;
              filter: drop-shadow(1px 1px 1px #222);
            }
          }
          .hm_button_inner.large {
            img {
              width: 85%;
              height: 85%;
            }
          }
          .hm_button_inner.largest {
            img {
              width: 95%;
              height: 95%;
            }
          }
          .hm_button_inner.medium {
            img {
              width: 72%;
              height: 72%;
            }
          }
          .hm_button_inner.margin_up {
            img {
              margin-top: -4px;
            }
          }
          .hm_button_inner.margin_down {
            img {
              margin-top: 4px;
            }
          }
          .hm_button_inner.small {
            img {
              width: 65%;
              height: 65%;
            }
          }
          .hm_button_inner.smaller {
            img {
              width: 60%;
              height: 60%;
            }
          }
          .hm_button_inner.up_by_one {
            img {
              margin-top: -1px;
              /* margin-left: -1px; */
            }
          }
          .hm_button_inner.up_right {
            img {
              margin-top: -2px;
              margin-left: 2px;
            }
          }
          .hm_button_inner.up_left {
            img {
              margin-top: -1px;
              margin-left: -1px;
            }
          }
          .hm_button_inner.up4_left2 {
            img {
              margin-top: -5px;
              margin-left: -2px;
            }
          }
          .hm_button_inner.up_left_et {
            img {
              margin-top: -1px;
              margin-left: -4px;
            }
          }
          .hm_button_inner.up_left_meter {
            img {
              margin-top: -8px;
              margin-left: -2.5px;
            }
          }
        }
        .hm_button.hm_blue{
            background: linear-gradient(145deg, #0072e6, #0088ff);
          box-shadow: inset 3px 3px 4px #004b96, inset -3px -3px 4px #00b3ff;
        }
        .hm_button.red {
            background: linear-gradient(145deg, #c10000, #e30000);
            box-shadow: inset 3px 3px 4px #7f0000, inset -3px -3px 4px #ff0000;
          }
          .hm_button.red_green {
            background: linear-gradient(145deg, #00fd00, #e30000);
            box-shadow: inset 3px 3px 4px #008a00, inset -3px -3px 4px #ff0000;
          }
        .hm_button.green {
            background: linear-gradient(145deg, #007500, #00a000);
            box-shadow: inset 3px 3px 4px #006f00, inset -3px -3px 4px #009600;
          }
          .hm_button.mint_green {
            background: linear-gradient(145deg, #55ffbc, #43da96);
            box-shadow: inset 3px 3px 4px #2e9667, inset -3px -3px 4px #69ffeb;
          }

          .hm_button.sunset_orange {
            background: linear-gradient(145deg, #ff665b, #e1564d);
            box-shadow: inset 3px 3px 4px #a84039, inset -3px -3px 4px #ff7e71;
          }
          .hm_button.french_blue {
            background: linear-gradient(145deg, #74c1ff, #61a2d6);
            box-shadow: inset 3px 3px 4px #48799f, inset -3px -3px 4px #90efff;
          }
          .hm_button.boing_blue {
            background: linear-gradient(145deg, #003db2, #003395);
            box-shadow: inset 3px 3px 4px #002260, inset -3px -3px 4px #0054f0;
          }

          .hm_button.chlorine_blue {
            background: linear-gradient(145deg, #0dbbff, #0b9ee6);
            box-shadow: inset 3px 3px 4px #0875ab, inset -3px -3px 4px #10e9ff;
          }
          .hm_button.silver_blue {
            background: linear-gradient(145deg, #bcd2ee, #9eb0c8);
            box-shadow: inset 3px 3px 4px #768395, inset -3px -3px 4px #eaffff;
          }
          .hm_button.neon_blue {
            background: linear-gradient(145deg, #afecfe, #94c7d5);
            box-shadow: inset 3px 3px 4px #6e949f, inset -3px -3px 4px #daffff;
          }

          .hm_button.youtube_red {
            background: linear-gradient(145deg, #ff0000, #e60000);
            box-shadow: inset 3px 3px 4px #ab0000, inset -3px -3px 4px #ff0000;
          }


          .hm_button.dark_green {
            background: linear-gradient(145deg, #006035, #007641);
            box-shadow: inset 3px 3px 4px #002e19, inset -3px -3px 4px #00b061;
          }

        .hm_button.neon_pink {
            background: linear-gradient(145deg, #d2008c, #f201a1);
            box-shadow: inset 3px 3px 4px #b20177, inset -3px -3px 4px #ff00b9;
          }
        .hm_button.neon {
            background: linear-gradient(145deg, #e600e6, #e801e8);
            box-shadow: inset 3px 3px 4px #bc00bc, inset -3px -3px 4px #ff00ff;
          }
        .hm_button.dark_blue {
            background: linear-gradient(145deg, #002b81, #0144ca);
            box-shadow: inset 3px 3px 4px #001d56, inset -3px -3px 4px #0054fc;
          }
          .hm_button.dark_brown {
            background: linear-gradient(145deg, #6a431c, #593917);
            box-shadow: inset 3px 3px 4px #001d56, inset -3px -3px 4px #845423;
          }
        .hm_button.orange {
            background: linear-gradient(145deg, #ff7d1a, #e66916);
            box-shadow: inset 3px 3px 4px #ab4e10, inset -3px -3px 4px #ff9c20;
          }
        .hm_button.neon_orange {
            background: linear-gradient(145deg, #ffd52f, #e6b328);
            box-shadow: inset 3px 3px 4px #9f7c1c, inset -3px -3px 4px #ffff00;
          }
        .hm_button.yahoo_purple {
            background: linear-gradient(145deg, #7a0fa9, #8a0ebf);
            box-shadow: inset 3px 3px 4px #42085d, inset -3px -3px 4px #b300ff;
          }
          .hm_button.purple {
            background: linear-gradient(145deg, #890089, #730073);
            box-shadow: inset 3px 3px 4px #560056, inset -3px -3px 4px #aa00aa;
            .hm_button_inner{
                box-shadow: 3px 3px 4px #3b0751, -3px -3px 4px #b300ff;
            }
          }
          .hm_button.indigo {
            background: linear-gradient(145deg, #50008b, #440075);
            box-shadow: inset 3px 3px 4px #320057, inset -3px -3px 4px #6400ad;
          }
        .hm_button.black {
            background: linear-gradient(145deg, #0e0e0e, #2f2f2f);
            box-shadow: inset 3px 3px 4px #000000, inset -3px -3px 4px #323232;
          }
          .hm_button.pink {
            background: linear-gradient(145deg, #ff69aa, #e0588f);
            box-shadow: inset 3px 3px 4px #a7426b, inset -3px -3px 4px #ff82d3;
          }
          .hm_button.cinamon {
            background: linear-gradient(145deg, #e18630, #bd7129);
            box-shadow: inset 3px 3px 4px #8d541e, inset -3px -3px 4px #ffa63c;
          }
          .hm_button.barn_red {
            background: linear-gradient(145deg, #850b02, #940c03);
            box-shadow: inset 3px 3px 4px #3a0401, inset -3px -3px 4px #ce0f01;
          }
          .hm_button.defense_green {
            background: linear-gradient(145deg, #aebebb, #93a09e);
            box-shadow: inset 3px 3px 4px #5a6260, inset -3px -3px 4px #e4f9f4;
          }
          .hm_button.yellow {
            background: linear-gradient(145deg, #ffff00, #e6e600);
            box-shadow: inset 3px 3px 4px #abab00, inset -3px -3px 4px #ffff00;
          }
          .hm_button.plain_blue {
            background: linear-gradient(145deg, #0000ff, #0000d3);
            box-shadow: inset 3px 3px 4px #000082, inset -3px -3px 4px #0000ff;
          }
        .ns_row_tooltiptext {
          visibility: hidden;
          width: 125px;
          background: rgb(0, 75, 150);
          background: linear-gradient(
            90deg,
            rgba(0, 75, 150, 1) 0%,
            rgba(0, 104, 255, 1) 100%
          );
          color: #fff;
          text-align: center;
          border-radius: 6px;
          padding: 5px 0;
          position: absolute;
          font-size: 1.2rem;
          z-index: 1;
          bottom: 110%;
          left: 50%;
          margin-left: -62px;
        }
        .ns_row_tooltiptext::after {
          content: "";
          position: absolute;
          top: 100%;
          left: 50%;
          margin-left: -5px;
          border-width: 5px;
          border-style: solid;
          border-color: rgb(0, 75, 150) transparent transparent transparent;
        }
      }
      .ns_row_tooltiptext.left{
        bottom: 12%;
        left: -150%;
      }
      .ns_row_tooltiptext.left::after{
        visibility: hidden;
      }
}