/* Shared raised and pressed states for the compact Bone control. */
.pm50-profile .pm50-bone-button,
.pm50-community .pm50-feature-bone{
  background:linear-gradient(160deg,#fffaf0 0%,#f4e3c5 55%,#e4c89d 100%);
  border-color:#c3a67b;
  box-shadow:inset 0 2px 0 #ffffff,inset 0 -2px 2px #d6b889,0 4px 0 #b99a6f,0 6px 9px rgba(55,42,22,.16);
}
.pm50-profile .pm50-bone-button:hover:not(:disabled):not([aria-pressed=true]),
.pm50-community .pm50-feature-bone:hover:not(:disabled):not([aria-pressed=true]){
  background:linear-gradient(160deg,#ffffff 0%,#faebd2 55%,#ecd2aa 100%);
}
.pm50-profile .pm50-bone-button .pm50-bone-art,
.pm50-community .pm50-feature-bone svg{
  filter:drop-shadow(0 2px 0 #b99762) drop-shadow(0 2px 2px rgba(32,40,29,.25));
}
.pm50-profile .pm50-bone-button .pm50-bone-art path,
.pm50-community .pm50-feature-bone svg path{
  fill:url(#pm-bone-ivory);
  stroke:#5d634f;
  stroke-width:2.5;
}
.pm50-profile .pm50-bone-button[aria-pressed=true],
.pm50-profile .pm50-bone-button[aria-pressed=true]:hover,
.pm50-profile .pm50-bone-button:active,
.pm50-community .pm50-feature-bone[aria-pressed=true],
.pm50-community .pm50-feature-bone[aria-pressed=true]:hover,
.pm50-community .pm50-feature-bone:active{
  background:linear-gradient(155deg,#102b25,#245347);
  border-color:#102b25;
  box-shadow:inset 0 4px 7px rgba(0,0,0,.5),inset 0 -1px 0 rgba(255,255,255,.16),0 1px 0 #fffaf0;
}
.pm50-profile .pm50-bone-button[aria-pressed=true] .pm50-bone-art,
.pm50-community .pm50-feature-bone[aria-pressed=true] svg{
  transform:translateY(1px);
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.5));
}
.pm50-profile .pm50-bone-button[aria-pressed=true] .pm50-bone-art path,
.pm50-community .pm50-feature-bone[aria-pressed=true] svg path{
  fill:url(#pm-bone-ivory);stroke:#fff2d5;stroke-width:2;
}
.pm50-profile .pm50-bone-button[aria-pressed=true]::before,
.pm50-community .pm50-feature-bone[aria-pressed=true]::before{
  content:"";position:absolute;right:5px;bottom:5px;width:16px;height:16px;
  border-radius:50%;background:#fff3d9;box-shadow:0 1px 3px rgba(0,0,0,.2);pointer-events:none;
}
.pm50-profile .pm50-bone-button[aria-pressed=true]::after,
.pm50-community .pm50-feature-bone[aria-pressed=true]::after{
  content:"";position:absolute;right:10px;bottom:10px;width:4px;height:7px;
  border:solid #17352f;border-width:0 2px 2px 0;transform:rotate(45deg);pointer-events:none;
}