.edit-gas-item { border-radius: 24px; background: white; color: $ui-4; cursor: pointer; font-size: 12px; display: flex; align-items: center; margin: 12px 0; padding: 4px 12px; height: 32px; width: 100%; &:hover { background-color: $primary-2; } &--selected { background-color: $ui-1; } &__name { display: inline-flex; align-items: center; color: $ui-black; font-size: 12px; font-weight: bold; width: 36%; } &__icon { font-size: 20px; line-height: 1; margin-right: 4px; &-custom { font-size: 32px; line-height: 1; } } &__maxfee { position: relative; } &__time-estimate { display: inline-block; text-align: left; width: 24%; } &__fee-estimate { display: inline-block; width: 30%; white-space: nowrap; } &__tooltip { display: inline-block; text-align: right; width: 10%; .info-tooltip { display: inline-block; } } &__time-estimate-low, &__fee-estimate-high { color: $secondary-1; } &__time-estimate-medium, &__time-estimate-high { color: $success-3; } }