/* ----------------------------------------- */
/* Dice Tray                                 */
/* ----------------------------------------- */

[data-theme] {
  .dice-tray {
    display: flex;
    flex-direction: column;
    gap: var(--sidebar-gap);
    > * {
      margin: 0 var(--sidebar-margin);
    }
    .flexrow {
      gap: var(--sidebar-gap);
    }
    .dice-tray__stacked {
      button:first-child {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
      }
      button:last-child {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
      }
    }
    button {
      @include dui-button;
      div.dice {
        background-color: var(--text-color-3);
      }
      &:hover div.dice {
        background-color: var(--text-color-1);
      }
    }
    .dice-tray__buttons {
      height: 32px;

      button {
        // height: 100%;
        width: auto;

        > svg {
          margin: 0px -10px;
          filter: drop-shadow(0px 1px 2px black);
          * {
            fill: var(--text-color-3);
          }
        }

        &.dice-tray__advantage:hover,
        &.dice-tray__disadvantage:hover,
        &.dice-tray__roll:hover,
        &.dice-tray__math--add:hover,
        &.dice-tray__math--sub:hover,
        &:hover {
          svg {
            filter: drop-shadow(0px 1px 2px black);
            * {
              fill: var(--text-color-1);
            }
          }
        }
      }
    }

    input[type="text"] {
      @include dui-input;
      height: auto !important;
      border-radius: var(--border-radius);
    }
  }
}
