@charset "utf-8";

.MuiIconButton-root { flex: 0 0 auto; color: rgba(0, 0, 0, 0.54); padding: 12px; overflow: visible; font-size: 1.71429rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 50%; }

.MuiIconButton-root:hover { background-color: rgba(0, 0, 0, 0.04); }

.MuiIconButton-root.Mui-disabled { color: rgba(0, 0, 0, 0.26); background-color: transparent; }

@media (hover: none) {
  .MuiIconButton-root:hover { background-color: transparent; }
}

.MuiIconButton-edgeStart { margin-left: -12px; }

.MuiIconButton-sizeSmall.MuiIconButton-edgeStart { margin-left: -3px; }

.MuiIconButton-edgeEnd { margin-right: -12px; }

.MuiIconButton-sizeSmall.MuiIconButton-edgeEnd { margin-right: -3px; }

.MuiIconButton-colorInherit { color: inherit; }

.MuiIconButton-colorPrimary { color: rgb(32, 22, 72); }

.MuiIconButton-colorPrimary:hover { background-color: rgba(32, 22, 72, 0.04); }

@media (hover: none) {
  .MuiIconButton-colorPrimary:hover { background-color: transparent; }
}

.MuiIconButton-colorSecondary { color: rgb(24, 83, 87); }

.MuiIconButton-colorSecondary:hover { background-color: rgba(24, 83, 87, 0.04); }

@media (hover: none) {
  .MuiIconButton-colorSecondary:hover { background-color: transparent; }
}

.MuiIconButton-sizeSmall { padding: 3px; font-size: 1.28571rem; }

.MuiIconButton-label { width: 100%; display: flex; align-items: inherit; justify-content: inherit; }